/*
Theme Name: 	Weinmayr
Theme URI: 		http://evaweinmayr.com
Description: 	Wordpress template
Version: 		1.0
Author: 		An Endless Supply
Author URI: 	http://anendlesssupply.co.uk
Tags: 			clean, basic
*/
/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/
/* ---------------------------------------------------------------------------------------------------------- 
01 Import and Font Face -------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@import "css/reset.css";
@font-face {
  font-family: 'ew';
  src: url('font/ew.eot?83959005');
  src: url('font/ew.eot?83959005#iefix') format('embedded-opentype'),
       url('font/ew.woff?83959005') format('woff'),
       url('font/ew.ttf?83959005') format('truetype'),
       url('font/ew.svg?83959005#ew') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "ew";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;

}
.icon-menu:before { content: '\e800'; }
.icon-mail:before { content: '\e801'; }
.icon-phone:before { content: '\e802'; }
.icon-twitter:before { content: '\e803'; }
.icon-link-ext:before { content: '\e804'; }
.icon-link-ext-alt:before { content: '\e805'; }
.icon-link:before { content: '\e806'; }
.icon-music-set-bugle-icon:before { content: '\e807'; }
/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
div,
article,
section,
header,
footer,
nav,
li					{ position:relative; }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; }
body 				{ background: #ddd; color: #000; }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body,
input,
textarea { 
	font-family:sans-serif;
	font-weight: normal;
	font-size: 14.5px;
	line-height: 1.25;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
strong {
	font-family:sans-serif;
	font-weight:700; 
	font-size: 1em;
}
h2 {
	font-size: 1em;
	text-indent: -2rem;
	padding-left: 2rem;
}
body.single h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 0.9em;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
em {
	font-family: sans-serif;
	font-weight:normal; 
	font-style: italic;	
}
p {
	margin: 0;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 0.5em;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul li {
	display: block;
}
/* ---------------------------------------------------------------------------------------------------------- 
02 Index Title Font Sizes -----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.s1 {
	font-size: 1em;
}
.s2 {
	font-size: 1.5em;
}
.s3 {
	font-size: 2em;
}
.s4 {
	font-size: 3em;
}
/* ---------------------------------------------------------------------------------------------------------- 
03 Header ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
header {
	top: 0;
	width: 100%;
	z-index: 1000;
	background: #ddd;
	font-size: 1.2em;
}
header.hover {
	border-bottom: 1px solid #000;
	position: fixed;
}
header.block {
	position: relative;
}
header .inner {
	padding: 0.5em 1rem;
}
header nav {
	float: left;
}
header nav ul li {
	display: block;
	margin-left: 0.5em;
}
header nav a {
	text-decoration: none;
	color: #00e;
}
header nav.name {
	width: 25%;
}
header nav.name ul li {
	margin-left: 0;
}
header nav.name a {
	color: inherit;
}
header nav a.current, header nav a:hover {
	text-decoration: underline;
}
header nav.primary-menu {
	width: 25%;
	margin-bottom: 0.25em;
}
header nav.secondary-menu {
	width: 25%;
}
header .menu .toggle {
	float: right;
	width: 50%;
	text-align: left;
	position: relative;
	left: -0.5em;
}
header.block .menu .toggle {
	display: none
}
header.visible {
	-moz-box-shadow:    0px 0px 15px 10px #444;
	-webkit-box-shadow: 0px 0px 15px 10px #444;
	box-shadow:         0px 0px 15px 10px #444;
}
header.block.visible {
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}
header.hover nav.primary-menu {
	width: 50%;
	text-align: center;
}
header.hover nav.secondary-menu {
	text-align: right;
}
header.hover nav.primary-menu ul li, header.hover nav.secondary-menu ul li {
	display: none;
}
header.hover.visible nav.primary-menu ul li, header.hover.visible nav.secondary-menu ul li {
	display: block;
}
header.hover.visible .menu .toggle {
	display: none;
}
header.block nav {
	width: 33%;
}
/* ---------------------------------------------------------------------------------------------------------- 
03 Main Structure -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.inner {
	padding: 1em;
	max-width: 1000px;
	margin: 0 auto;
}
#main {
	float: none;
	margin-top: 4em;
}
#main.main-block {
	margin-top: 1em;
}
#main-inner {
	margin: 0 auto;
	max-width: 1000px;
}
/* ---------------------------------------------------------------------------------------------------------- 
03 Index ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.index-title {
	padding: 1rem 1rem 0;
}
.index-item, .announcement-item {
	float: left;
	width: 100%;
	padding: 0;
}
#wall .index-item, #announcements .announcement-item {
	margin-bottom: 2em;
}
.index-item-inner {
	margin: 0 1em;
	padding: 1em 0;
	border-bottom: 1px solid #eee;
}
.index-item img, .aanouncement-item img {
	margin-top: 0.5em;
	width: 100%;
	height: auto;
}
.index-item.row {
	padding: 0;
}
.index-item.row:first-child {
	margin-top: 1em;
}
.index-item.row .index-item-inner {
	margin: 0;
	padding: 0.5em 1em;
}
.index-item.row .categories {
	padding: 0;
}
.table-col-1 {
	width: 20%;
	float: left;
}
.table-col-2 {
	width: 55%;
	float: left;
}
.table-col-toggle {
	width: 5%;
	float: left;	
	text-align: right;
}
.table-col-2 h2, .table-col-2 .table-col-content {
	padding-right: 1em;
}
.row-hidden .table-col-content {
	display: none;
}
.row-active .table-col-content {
	display: block;
}
.table-col-content p {
	margin-bottom: 0.5em;
}
.title-hover {
	display: none;
	z-index: 999;
	background-color:rgba(221,221,221,0.9);
}
.primary-link a:hover .title-hover, .no-link:hover .title-hover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.title-hover-outer {
	display: table;
	width: 100%;
	height: 100%;
}
.title-hover-inner {
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em;
}
.index-item .title, .announcement-item .title {
	text-align: left;
}
.index-item .title-hover-inner .title, .announcement-item .title-hover-inner .title {
	text-align: center;
}
.index-item h2.title, .announcement-item h2.title {
	text-indent: 0;
	padding-left: 0;
}
.text {
	max-width: 100%;
	margin: 0.5em 0 0;
	text-align: justify;
}
.content .text {
	margin: 1.5em 0 0;
	float: left;
}
.text p {
	/*text-indent: 2em;*/
	margin-bottom: 0.5em;
}
.text p:first-child {
	/*text-indent: 0;*/
}
.text p:last-child {
	margin-bottom: 0;
}
.text a {
	display: inline !important;
	color: #e00;
}
.secondary {
	font-family: monospace;
	font-size: 0.9em;
}
.secondary a {
	color: #00e;
}
.related {
	font-size: 0.8em;
	padding: 0.5em 0 0 0;
}
.categories {
	font-size: 0.8em;
	padding: 0.5em 0 0 0;
}
.related a {
	color: #e00;
}
.embed {
	max-width: 100%;
	height: auto;
	margin: 0.5em 0 0;
}
/* ---------------------------------------------------------------------------------------------------------- 
03 Index Announcement ---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#wall .announcement-item.announcement, #announcements .announcement-item.announcement {
	background-color:rgba(255,255,255,0.4);
}
/*.index-item.announcement h2 {
	font-family: 'Times', 'Times New Roman', serif;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: -1px;
}*/
.announcement.announcement-item {
	border-top:1px solid #ee0;
}
.announcement.announcement-item img {
	margin-top:0;
}
.bugle {
	position: absolute;
	top: -1em;
	right: 0;
	width: 0;
	height: 0;
	border-top: 2.75em solid #ee0;
	border-left: 2.75em solid transparent;
	border-top: 1.5em solid #ee0;
	border-left: 1.5em solid transparent;
}
#wall .bugle, #announcements .bugle {
	right: -1em;
}
/*.row .bugle {
	top: -0.5em;
	right: -1em;
	border-top: 2em solid #ee0;
	border-left: 2em solid transparent;	
}*/
.bugle-inner {
	position: absolute;
	top: -2.4rem;
	right: 0.6rem;
	font-size: 0.6em;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
/*.row .bugle-inner {
	top: -2rem;
	right: 0.25rem;
	font-size: 0.7em;
}*/

#announcements {
	font-family:monospace;
	font-size:0.8em;
	padding: 0 1rem;
	margin-bottom: 1em;
}
.announcement-header {
	font-family:monospace;
	text-align: center;
	color:#a4a4a4;
	margin-bottom:1em
}
/* ---------------------------------------------------------------------------------------------------------- 
03 Single ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.content .embed {
	margin: 1.5em 0 0;
}
small, .small {
	font-size: 0.8em;
}
.caption {
	margin: 0.5em 0 1em;
	font-size: 0.8em;
	font-family: monospace;
}
.image {
	margin-top: 1em;
}
.content .image {
	float: left;
	margin: 1em 1em 0 0;
}
#breadcrumb {
	font-size: 0.8em;
	margin-bottom: 1em;
}
#breadcrumb, #breadcrumb a {
	color: #a4a4a4;
}
#breadcrumb a:hover {
	color: #00e;
}
.fade-in {
	margin-top: 4em;
	opacity: 1;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}
.fade-in.hidden {
	opacity: 0;
}
.lazy {
}
.col {
	float: left;
	padding-right: 1em;
	margin-bottom: 2em;
}
.col.fw {
	padding-right: 0;
}
.col-content {
	float: left;
	width: 100%;
}
.col-content-inner {
	margin-left: 65px;
}
.col-content.fw .col-content-inner {
	margin-left: 0;
}
.col-year {
	float: left;
	width: 65px;
	margin-left: -100%;
}
.col-inner {
	margin: 0 5px 0 0;
}
.fw {
	width: 100%;
}
.hw {
	width: 50%;
}
.tw {
	width: 33%;
}
.qw {
	width: 25%;
}
.clear {
	clear: both;
}
/* ---------------------------------------------------------------------------------------------------------- 
04 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
@media only screen and (min-width: 321px) and (max-width: 767px) {
}

@media only screen and (min-width: 0px) and (max-width: 700px) {	
	header.block {
		position: fixed;
	}
	header.block .menu .toggle {
		display: block
	}
	header.block nav.primary-menu ul li, header.block nav.secondary-menu ul li {
		display: none;
	}
	header.block.visible nav.primary-menu ul li, header.block.visible nav.secondary-menu ul li {
		display: block;
	}
	header.block.visible .menu .toggle {
		display: none;
	}
	header.block.visible {
		-moz-box-shadow:    0px 0px 15px 10px #444;
		-webkit-box-shadow: 0px 0px 15px 10px #444;
		box-shadow:         0px 0px 15px 10px #444;
	}
	header.visible nav {
		width: 100% !important;
		text-align: left !important;
	}
	header nav.name {
		width: 50%;
	}
	header .menu .toggle {
		text-align: right;
		left: 0;
	}
	header.visible .secondary-menu ul {
		margin: 0.25em 0;
	}
	header.hover.visible .menu .toggle {
		display: block !important;
	}
	header.hover.visible .menu .toggle i {
		color: #eee !important;
		position: fixed;
		top: 0.6rem;
		right: 1rem;
	}
	#main.main-block {
		margin-top: 4em;
	}
	.fw, .hw, .tw, .qw {
		width: 100%;
	}
	.index-item {
		width: 100% !important;
	}
}
@media only screen and (min-width: 581px) and (max-width: 767px) {

}
@media only screen and (min-width: 700px) {
	#announcements {
		position:absolute;
		top:0;
		right:0;
		width:300px;
	}
}
@media only screen and (min-width: 768px) {
	.text p {
		max-width: 420px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {

}