/******************************************************************
Theme Name: Archiv
Description: Based upon Bones Development Theme by Eddie Machado
Author: Zeno Koller
Version:
******************************************************************/

.debug-overlay {
	z-index: 100;
	width: 100%;
	opacity: 0.2;
	position: absolute;
	pointer-events: none;
}

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

body { 
	background: #fff;
	color: red; 
	font-family: Rauchwaren, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.container-fluid {
	padding: 0;
	height: 100%
}

.col-wrapper {
	display: table;
    width: 100%;
}

.col-left, .col-right {
	padding-left: 15px;
	padding-right: 15px;
}

.col-left {
   width: auto;
   height: 200px;
   display: table-cell;
}

.col-right {
   display: table-cell;
   height: 200px;
   width: 320px;
}

@media (min-width: 1055px) {
	.col-wrapper {
		display: block;
	}
	.col-left {
		width: 50%;
		float: left;
	}
}

/******************************************************************
WEB FONTS
******************************************************************/

@font-face {
	font-family: 'Rauchwaren';
	src: url('fonts/rauchwaren_regular-webfont.woff');
}
@font-face {
	font-family: 'Rauchwaren-ND';
	src: url('fonts/rauchwaren_nodescender-webfont.woff');
}

/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited { color: #F5323C; text-decoration:none;}
a:hover, a:focus { color: #F5323C; cursor:pointer;}
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Highlighted Text */
::selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/* Firefox */
::-moz-selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/******************************************************************
HEADLINES & TITLES
******************************************************************/

#logo { margin-bottom: 75px; line-height: 0.83; }
#logo a { width: 100%; word-break:break-all; }


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { 
	color: #F5323C; 
	font-family:'Rauchwaren-ND', 'Rauchwaren', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-weight: 500; 
}
h1 a, .h1 a, h2 a, .h2 a { text-decoration: none; }

h1, .h1 { 
	font-size: 3.9em; 
	margin-top: 12px; 
	margin-bottom: 6px; 
	letter-spacing: 0.02em; 
}
h2, .h2 { 
	font-size: 1.2em; 
	line-height: 1.4em; 
	margin-top: 6px; 
	margin-bottom: 0; 
}

/******************************************************************
NAVIGATION
******************************************************************/

nav { margin-bottom: 1em; }
nav a { 
	font-size: 2.1em; 
}
nav form#searchform { 
	margin:8px 0 0 0; 
}
input#s {
	width: 160px; 
}

/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content {}
	#main {}
	
		.single-title, .page-title { margin: 0 0 0.375em; }
		.single-title {}
		.page-title {}
		.post-title { font-family: 'Rauchwaren-ND'; font-size:18px; }
		.post-title a:hover {text-decoration:underline;}
	
		/* want to style individual post classes? Booya! */
		.post { padding: 1em 0 0; } /* general post style */
		.attachment {} /* general style on an attatchment */
		.sticky {} /* sticky post style */

		/* post meta */
		.meta { color: #F5323C; font-size:14px; line-height:1.75em; margin-bottom: 10px; }
		.meta time {}
		.meta a { color:inherit; text-decoration:underline; }
		.meta a:visited {color:inherit;}
		.meta a:hover { color:inherit; text-decoration:underline; }
		/* post content */
		.post_content { color: #333; font-size: 14px; }
		.post_content a { color: #333; text-decoration: underline; }

		.hentry footer { clear: both; padding-bottom: 0.6em; }
	


.more-link {
	margin-bottom: 18px;
	display:block;
}

/******************************************************************
SHARING / FOLLOW
******************************************************************/

.meta a.sharing-link, .meta a.follow-link, .about-follow-links a { font-style: normal; text-decoration: none; }
.meta a.sharing-link:hover, .meta a.follow-link:hover, .about-follow-links a:hover { text-decoration:underline; }

.meta .sharing-wrapper, .meta .follow-wrapper {
	display: inline;
}	

.meta .sharing-box, .meta .follow-box {
	position: absolute;
	display: none;
	background-color: white;
	border: 1px solid #F5323C;
	padding: 5px 10px;
	z-index: 1000;
}

.meta .sharing-box a, .meta .follow-box a { font-style: normal; text-decoration: none; }
.meta .sharing-box a:hover, .meta .follow-box a:hover { text-decoration: underline; }

.meta .fa, .about-follow-links .fa { width: 13px; margin-right: 5px; }

.follow-icon { width: 17px; margin: 0 3px 2px 2px; }

.about-follow-links a { margin-left: 12px; }

/******************************************************************
CAROUSEL
******************************************************************/

.archiv-carousel-indicators { clear: both; margin: 5px 0; }

.bullets { margin-top: 10px; }

.bullets .bullet {
	display: block;
	float: left;
	margin: 0 10px 5px 0;
	background: url(library/images/dot.png) no-repeat;
	height: 10px;
	width: 10px;
	padding: 0;
	cursor: pointer;
}

.bullets .bullet.active {
	background: url(library/images/dot.png) no-repeat -20px 0;
}


/******************************************************************
CUSTOMBOX
******************************************************************/

.custombox label {
	display: inline;
	margin: 0;
}

.custombox label input[type="checkbox"],
.custombox label input[type="checkbox"] + span,
.custombox label input[type="checkbox"] + span::before {
    vertical-align: middle;
}

/*Original-Checkboxen zum Verschwinden bringen*/
.custombox label input[type="checkbox"] {
    position: absolute;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    cursor: hand;
    cursor: pointer;
}

.custombox label input[type="checkbox"] + span,
.custombox label input[type="checkbox"] + span::before {
    display: inline-block;
}
/*Font*/
.custombox label input[type="checkbox"] + span {
    font: normal 13px/14px "Segoe UI", Sans-serif;
}

.custombox label input[type="checkbox"] + span::before {
    content: " ";

}

.custombox label input[type="checkbox"] + span::before {
    text-indent: -9999px;
    width: 7px;
    height: 7px;
    text-transform: uppercase;
    border: solid 1px #F5323C;
    background: #fff;
    margin: 0 4px 0 0;
}

/*Was passiert bei hover?*/
.custombox label:hover input[type="checkbox"]:not(:disabled) + span::before {
}
/*Was passiert, wenn aktiv?*/
.custombox label input[type="checkbox"]:checked + span::before {
    text-indent: 12px;
    color: #fff;
    background:#F5323C;
}
/*Disabled*/
.custombox label input[type="checkbox"]:disabled + span::before {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
}

.custombox label input[type="checkbox"]:disabled + span,        
.custombox label input[type="checkbox"]:disabled + span::before {
    cursor: default;
}

/******************************************************************
SEARCH-INDEX STYLES
******************************************************************/

/*Search-Index Controls*/
#index-controls { text-align:left; margin-top: 50px; }
#index-controls a { font-size:14px;}
#index-controls a:hover {text-decoration:underline;}
#index-controls #selectall, #index-controls #submitform { border: 1px solid #F5323C; padding: 3px 14px 2px; }
#index-controls #selectall { margin: 0 0 0 29px;  }
#index-controls #submitform { background-color: #F5323C; color: white; }
/*Search-Index - Alle Listen*/
#taxonomy-list { padding: 3em 0 0 15px; width:100%; }
#taxonomy-list a { text-decoration:none; font-size:12px; font-family: sans-serif; }
/*Search-Index - Einzelne Listen*/
.term-list { margin: 0 20px 2em 0; min-width:145px; }	
.term-list .term { height: 20px; }
.term-list li { list-style-type:none;}
.term-list ul {margin:0;}
.term-list p { margin:0;}
.term-list .children {margin-left:1.2em;}
.term-list .taxonomy-title { font-size:17px; margin:0 0 2em 0; } 
.subcategory {margin-left:20px;}
.count-indicator {color:#F5323C; font-size:70%; margin-left: 3px;}
.another-column { margin-top: 5.25em; }
.empty { opacity :0.5; }

/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/

/* page navigation */
nav.page-navigation, nav.page-navigation a {
	font-size: 18px;
}

.page-navigation, .wp-prev-next { margin: 2em 0; }
	.bones_page_navi, .wp-prev-next ul { }
		.bones_page_navi li { float: left; margin-left: 10px; } 
			.bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; }
				.bones_page_navi li a:hover { text-decoration: none; }
		.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #F5323C; position: relative; } /* current page link */
				.bones_page_navi li.bpn-current:hover {}
		.bones_page_navi li.bpn-prev-link { } /* previous link */
			.bones_page_navi li.bpn-prev-link a { padding: 0; }
				.bones_page_navi li.bpn-prev-link a:hover { background: none; }
		.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */
			.bones_page_navi li.bpn-next-link a { padding: 0; }
				.bones_page_navi li.bpn-next-link a:hover { background: none; }
		.bones_page_navi li.bpn-last-page-link {} /* last page link */
			.bones_page_navi li.bpn-last-page-link a {}
				.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
		.bones_page_navi li.bpn-first-page-link {} /* first page link */
			.bones_page_navi li.bpn-first-page-link a {}
				.bones_page_navi li.bpn-first-page-link a:hover { background: none; }
	
	/* fallback previous & next links */
	.wp-prev-next {}
		.wp-prev-next ul {}
			.wp-prev-next .prev-link { float: left; }
			.wp-prev-next .next-link { float: right; }

/******************************************************************
FOOTER STYLES
******************************************************************/

footer[role=contentinfo] { /*border-top: 2px solid #000;*/ padding: 1.2em 0 3.3em; }

	/* footer menu */
	footer[role=contentinfo] nav { float: left; margin: 1em 0; }
	.footer-links {}
		.footer-links ul { margin-top: 0; }
			.footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }
				.footer-links ul li a { margin-right: 10px; text-decoration: underline; }
					.footer-links ul li:last-child a { margin-right: 0; }
			.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
			.footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */
			
	.attribution { margin: 1em 0; float: right; color: #999; font-size: 0.9em; }