/*
Theme Name: akb14
Template: responsive
Theme URI: http://cyberchimps.com/responsive-theme/
Text Domain: responsive

Responsive WordPress Theme, Copyright (C) 2003-2014 Emil Uzelac, CyberChimps Inc

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.

WordPress and CyberChimps highly recommends Child Theme.

Read More:

- http://codex.wordpress.org/Child_Themes
- http://cyberchimps.com/guide/child-theme-example/
- http://cyberchimps.com/guide-tags/child-theme-2/

*/

/*
deep red #bf2030
brick red #cc4d55
mushroom #cdc1bc


*/

/* AKB CUSTOM STYLES BEGIN */

@import url("webfonts/goudy.css");

body { background-color:#000; font-family:"SM Goudy Regular"; background-image:url('images/AKBenedict_mirror_header.png'); background-position:center top; background-repeat:no-repeat; }

#container { max-width: 1172px; }
#wrapper { border-radius:0; padding:0; border:0; }
.blog #wrapper	{
	margin-top:25px;	
}
#logo { text-align:center; margin:6.25em auto 3.5em; max-width:500px; float:inherit; }
.blog #logo {
    float: inherit;
    margin: 6.25em auto 6em;
}
.skip-container { padding:0; }
#content { margin:60px 0 80px 0; padding:0 80px; }
.home #content { margin:4% 0 0; padding:0 80px; }
.events .post { margin:30px 0 40px 0; overflow:hidden; }
.events .post h1 { margin:10px 0 25px 0; font-size:2.4em; }
#events-pic { float:right; overflow:hidden; margin-top: -60px; }
#teaserblock1 { background:#cc4d55; min-height:350px; width:100%; margin:10px 0 0; overflow: hidden; }
#teasercontent1 { padding:0 80px; }
.teaserpost1 { float: left; height: 270px; margin:10px 23px 30px 10px; width: 30%; min-width:200px; color:#000; font-size: 1.25em; line-height: 1.7em; }
.teaserpost1 h4 a { color:#cdc1bc; }
.teaserpost1 h4 a:hover { color:#000; }
.teaserpost1 .ellipsis, .teaserpost1 .read-more { display:none; }
.attachment-archive-feat { float:left; margin:5px 20px 10px 0 !important; }

.post-data { display:none; }

#teaserblock2 { background:#cdc1bc; min-height:400px; width:auto; margin:20px auto 0; overflow:hidden; padding:0 10px; }
#teaserblock3 { background:#fff; min-height:400px; width:100%; margin:20px auto 0 auto; overflow:hidden; }

#t2 { max-width:740px; margin:20px auto 35px auto; overflow:hidden; }
#t2 img { width:auto; height:100%; }
#t3 { float: left; margin: 15px 0 0 30px; width: 45%; color: #000000; font-size: 1.25em; line-height: 1.7em; }
#t4 { float: left; margin: 15px 0 0 30px; width: 45%; color: #000000; font-size: 1.25em; line-height: 1.7em; }
#footer { max-width: 1172px; }
.scroll-top { text-align:left; }
.navigation { width:100%; clear:both; }
/* Type */
a { color:#bf2030; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal; word-wrap:normal; }
#t2 h3 { margin-top: 2em; }
h4	{line-height:1.2em;}
.post-title { font-size:5.5em; font-family:"SM Goudy Italic"; margin-bottom: 0.5em; margin-top: 0.75em; color:#000; }
.post-entry { font-size:1.25em; line-height: 1.7em; color:#000; width:70%; }
.page .post-entry { font-size:1.1em; line-height: 1.5em; color:#000; width:100%; }
.blog-list {
    width: auto;
}
h2.blogheading {line-height:1.2em;}
/* Type specials */
.site-name a { text-transform:uppercase; color:#fff; font-weight:normal; letter-spacing:0.125em; font-size:1.7em; line-height:1.2em; white-space: nowrap; }
.breadcrumb-list { font-size:1.3em; margin:0; }
.breadcrumb-list a { color:#bf2030; }
.site-description { font-size:1.95em; font-family:"SM Goudy Italic"; margin:20px 0 0; font-weight:normal; line-height:1em; }
.teasertitle { text-transform:uppercase; font-size:24px; }
.betwixt { color:#999; }
.navigation a { color: #BF2030; padding: 4px 10px; font-size:1.3em; }
.post-meta { font-size:1.2em; }
h2 { font-size:1.6em; }
/* menu */
#toprail { width:100%; height:45px !important; position:absolute; top:0; background-color:#bf2030; }
.menu { background-image:none; background-color:#bf2030; font-family:"SM Goudy Regular"; text-transform:uppercase; font-weight:normal; }
.menu a { text-shadow:none; font-weight:normal; border:none;  font-size:1.1em; }
.menu a:hover { background-image:none; color:#000; background-color:#bf2030; }
.menu .current_page_item a, .menu .current-menu-item a, .js .main-nav #responsive_current_menu_item  {  background-image:none; color:#000; background-color:#bf2030; }
ul.menu > li:hover { background:#bf2030; }
#content .sticky {
    clear: none;
}


.js .main-nav #responsive_current_menu_item { font-weight:normal; font-family:"SM Goudy Regular"; text-transform:uppercase; color:#fff; }
.js .main-nav a#responsive_menu_button, .js .main-nav a#responsive_menu_button.responsive-toggle-open { background-image:url('images/mob-icon.png'); }
.js .main-nav { background-color:#bf2030; background-image:none; }
#responsive_current_menu_item { visibility:hidden; }

a img.alignright { float: right; margin: -15px 0 20px 50px; }
.author a, .blog-meta a { color:#000; }
.blogheading a:hover { color:#000; }

.blogpost { float: left; height: 470px; margin: 30px 68px 0 0; width: 29%; min-width:200px; }
.blogpost:nth-child(4), .blogpost:nth-child(7), .blogpost:nth-child(10) { margin-right:0; float:right; }
.blogpost:nth-child(3), .blogpost:nth-child(6), .blogpost:nth-child(9) { margin-right:0; } 

.blogexpand { overflow: hidden; }
.bloglogo { max-width:340px !important; }
#bookyblog { margin: 0 0 0 30px; }
.blogheading a { color:#cdc1bc; }

/*/// widgetz ///
#custom_html-2 { display:none; }
*/

.footer_widget {  }
.twiget-widget { margin: 0 0 0 50px; width:43%; }
.twiget-widget .widget-wrapper { background:none; border:none; width:100%; }
.twiget-widget .widget-title { margin:20px 0 0 0; text-transform:uppercase; color:#000; }

.twiget-widget .widget-title h3 { font-weight: normal; }
.twiget-widget ul {  }
.twiget-widget li { list-style:none; }
.twiget-feed { font-size:1.25em; line-height: 1.7em; color:#000; }
.twiget-feed a { color:#000; }
.tweet-wrap { padding:0; }
#tweet-wrap-twiget-widget-2 {  }

.twiget-meta { margin:0; }
.timestamp {  }
.twiget-tweet { margin:0; }
.tweet-bio { display:none; }

#tweet-bio-twiget-widget-2 {  }
.twigetfollow { display:none; }

#social { height:50px; color:#cdc1bc; margin-bottom:30px; }
.copyright, .powered { display:none }
/*/// image align ///*/
.alignleft { float: left; margin: 0 20px 20px 0; }
#social img { margin:5px 0px 5px 0; }
#social h4 { margin-bottom: 0.25em;}
#social p { margin:0; }

/*/// slides ///*/
.meteor-buttons { margin:0 0 2% 5% !important; width:50% !important; }
.meteor-buttons a { margin:10px 3px 0 0 !important; }
div.navpaged, div.navboth { margin-bottom: 2% !important; }
.slidetext { float:left; border-bottom: 1px solid #CCCCCC; font-size: 6em; height: 100%; line-height: 1.2em; margin: 2% 0 0 5%; width: 56%; font-family: 'SM Goudy Italic'; color:#bf2030; padding:0.3em 0; }
.slimage { float:left; margin:0 0 0 2%; height:auto; width:32%; }
.meteor-slides .meteor-buttons a {
		margin:0 10px 0 0 !important;
		background: url("images/button_red.png") no-repeat;
		 }
.meteor-buttons a.activeSlide	{
		background: url("images/button_red.png") no-repeat right bottom;
}

/* /// search /// */
#menuwrap {
    position: relative;
}
#menuwrap #searchform {
	position: absolute;
	right: 0px;
	top: 3px;
	margin:0;
	border:medium none !important;
}

#menuwrap #searchform #s {
	background-color: transparent;
	background-image: url('images/search-icon.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none !important;
	cursor: pointer;
	height: 37px;
	margin:0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width:0;
	text-indent: 10px;
}

#menuwrap #searchform #s:focus {
	background-color:white;
	cursor: text;
	outline: 0;
	right: 0px;
	width: 220px;
}
#searchform
#searchsubmit { display:none; }

/* aaaaargh! spewing forth it's slimey chrome in my face!! 
We, must, KILL, ALL, BOR, DERS, and, BOX, SHA, DOWS, that, mess, with, FORMS! (Roll classic Dr. Who closing credits) */

select, input[type="text"], input[type="password"], input[type="email"] {

    box-shadow: none;
    
    }
/*/// kontakt ///*/
.wpcf7-form input, textarea {
    width: 40%;
    min-width:265px;
}

/*/// sharify ///*/
.sharify-container li { height:30px !important; padding:0 3px 0 0 !important; }
.sharify-container li a, .sharify-icon { line-height:30px !important; }
.sharify-container ul::before { content:"Share this "; float:left; margin-right:10px; font-weight:bold; color:#C2B4AE; }

.title-archive { display:none; }



/*///\\\\//// Media Queries \\\\////\\\*/

/*/// 1180 ///*/
 @media (max-width: 1180px) {
 
.slidetext { font-size:4.5em; }

}
    
/*/// 1024 ///*/
 @media (max-width: 1024px) {
.post-title { font-size:4.5em; }
.blogpost { height:460px; }

.teaserpost1 { width:29%; }

.slidetext { font-size:4.5em; }
.meteor-clip { height:520px; }

.events .post { float:left; }
#events-pic { float:left; margin:0; }
#events-pic img { width:100%; height:auto; }

}

/*/// 900 ///*/
 @media (max-width: 900px) {
 .blogpost:nth-child(4), .blogpost:nth-child(7), .blogpost:nth-child(10) { clear:right; margin-right:0; }
 .blogpost { height:auto; margin:0; width:auto }
 img.wp-post-image, img.attachment-full, img.attachment-large, img.attachment-medium, img.attachment-thumbnail {
    margin: 0;
}
.slidetext { font-size:3.5em; }
.meteor-clip { height:320px; }


}
 @media (max-width: 800px) {
#t3, #t4 { width:88%; }
 }

/*/// 650 ///*/
 @media (max-width: 650px) {
#content { padding:0 20px; }
.post-entry { width:auto; }
.post-title { font-size:3.5em; }
 .blogpost { width:auto;height:auto; margin:0;float:none; }
.blog-list img { width:100%; height:auto; }
 #events-pic { max-width:300px; }
#teasercontent1 { padding: 0 40px; }
.teaserpost1 { width:100%; height: 200px; margin: 10px 23px 0 10px; }

.twiget-widget { margin: 0 0 0 20px; width: 88%; }

.site-description { font-size:1em; }
#toprail { height:32px !important; }

.slidetext { font-size:2em; }
.meteor-clip { height:200px; }

#searchform { right:50px !important; top:0px; }
#searchform #s { height:26px !important; }
#searchform #s:focus { width:180px !important; }
#container	{padding:0 10px;}
#bookyblog { margin: 0; }
.js .main-nav a#responsive_menu_button { top: 0 !important; }

}
 @media (max-width: 480px) {
#t3, #t4 { margin: 0; padding: 0 10px; width: auto; }
 }

/*/// 360 ///*/
 @media (max-width: 360px) {
.post-title { font-size:2.5em; }
#teasercontent1 { padding: 0 10px; }
.teaserpost1 {  margin: 10px 23px 10px 10px; height: auto; width: 88%; }
.site-description { font-size:0.9em; }
#t3 h4 { clear:both; }
.slidetext { font-size:1.5em; }
.meteor-clip { height:160px; }
.js .main-nav #responsive_current_menu_item { padding:0; }
.twiget-widget { margin:0; width:auto; }

#searchform { right:50px !important; top:0px; }
#searchform #s { height:26px !important; }
#searchform #s:focus { width:180px !important; }
}



/*  menu break */


@media screen and (max-width: 960px) {
	#menuwrap #searchform {
	right:40px;
	}
	.js .main-nav {
		position: relative;
		height: 30px;
		clear: both;
		margin: 0 auto;
	}

	.js .main-nav .menu {
		display: none;
		position: absolute;
		width: 100%;
		top: 30px;
		z-index: 1000;
		border-bottom: 1px #ccc solid;
	}

	.js .main-nav .menu ul {
		margin-top: 1px;
	}

	.js .main-nav .menu li {
		float: none;
		background-color: #fff;
		border: none;
	}

	.js .main-nav .menu li a {
		color: #444;
		font-size: 13px;
		font-weight: normal;
		height: 45px;
		line-height: 45px;
		padding: 0 15px;
		border: none;
		text-shadow: none;
		text-align: left;
	}

	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #f5f5f5;
	}

	.js .main-nav .menu li li:hover {
		background: none!important;
	}

	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}

	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}

	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover {
		background-image: none;
		filter: none;
		background-color: #f5f5f5!important;
	}

	.js .main-nav .menu li li a::before {
		content: '2013';
		position: absolute;
		top: 0;
		left: 20px;
	}

	.js .main-nav .menu li li li a::before {
		content: '2013';
		position: absolute;
		top: 0;
		left: 20px;
	}

	.js .main-nav .menu li li li a::after {
		content: '2013';
		position: absolute;
		top: 0;
		left: 30px;
	}

	.js .main-nav .menu li ul {
		position: static;
		visibility: visible;
		background-color: #fff;
	}

	.js .main-nav #responsive_current_menu_item {
		position: absolute;
		display: block;
		top: 5px;
		left: 15px;
		color: #fff;
		font-weight: 700;
	}

	.js .main-nav a#responsive_menu_button {
		/* */
		position: absolute;
		top: 6px;
		left: 99.5%;
		height: 30px;
		width: 23px;
		margin-left: -30px;
		cursor:pointer;
		display: block;
		background: url('images/mob-icon.png') 0 5px no-repeat;
	}

	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: url('images/mob-icon.png') 0 -46px no-repeat;
	}
}





