/*
Theme Name: MaschuthiBootstrapIRL
Theme URI: http://www.maschuthi.de
Description: joladirodl
Author: Friedhelm Marcath
Author URI: http://www.maschuthi.de
Version: 0.1
Tags: white, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, theme-options
Text Domain: maschuthibootstrap
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*bootstrap*/
.container {
	padding-right:0;
	padding:0;
	
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	
	min-height: 100%;
}

.bgdblau{background:rgba(4,134,198,.8);}
.bgdgrau{background:rgba(255,255,255,1);}

.btn-custom {
background-color: hsl(214, 37%, 28%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7a99c1", endColorstr="#2c4361");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#7a99c1), to(#2c4361));
  background-image: -moz-linear-gradient(top, #7a99c1, #2c4361);
  background-image: -ms-linear-gradient(top, #7a99c1, #2c4361);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a99c1), color-stop(100%, #2c4361));
  background-image: -webkit-linear-gradient(top, #7a99c1, #2c4361);
  background-image: -o-linear-gradient(top, #7a99c1, #2c4361);
  background-image: linear-gradient(#7a99c1, #2c4361);
  border-color: #2c4361 #2c4361 hsl(214, 37%, 19.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.56);
  -webkit-font-smoothing: antialiased;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-default {
  color: #ccc !important;
  background-color: hsl(214, 37%, 28%) !important;
  border-color: #2c4361 #2c4361 hsl(214, 37%, 19.5%);
}
.pagination {padding-left:0!important;border-radius:0px!important;border:0px solid #333;margin: 0;}
.pagination>li {display: inline!important;}
.pagination>li:before {display:none!important;}
.row {background:rgba(255,255,255,0);}

 /*carousel aus einer gallery*/
 #myCarousel img{box-shadow:none;}
 .carousel, .googlemap, .wp-post-image {margin:15px 0px;}
 .carousel-control{line-height: 36px}
 .carousel-caption {
 	bottom:0;
 	left:0;
 	opacity:0.75;
 	margin-bottom:-80px;
 	width:100%;padding:0 10px 0 10px;color: #ddd;background:#111;text-align: left;
 	-webkit-transition: margin-bottom;
 	-webkit-transition-duration: 400ms;
 	-webkit-transition-timing-function: ease-out;
 	-moz-transition-property: margin-bottom;
 	-moz-transition-duration: 400ms;
 	-moz-transition-timing-function: ease-out;
 	-o-transition-property: margin-bottom;
 	-o-transition-duration: 400ms;
 	transition: margin-bottom;
 	transition-duration: 400ms;
 	transition-timing-function: ease-out;	
 }
 .carousel-inner .active:hover .carousel-caption{margin-bottom:0px;cursor:pointer;}
 .carousel-caption p{ color:#000000;}
 .carousel-control.left {background:none}
 .carousel-control.right {background: none}
 .carousel-control .icon-prev, .carousel-control .icon-prev{}
 .carousel-control .icon-prev, .carousel-control .icon-next{}
 .jp-carousel-info {	display:none;}

.sticky {}
.bypostauthor {}

/*standard wordpress*/
html, body {font-family:"Roboto Condensed", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-style: normal;font-weight: 300; height: 100%;font-size: 16px;}

h1, .h1 {font-size: 30px;}
h2, .h2 {font-size: 20px;}
h1, .h1, h2, .h2, h3, .h3 {margin-top:10px;margin-bottom:15px;}
h1#blogname{font-weight: 300;}

a {	color:rgba(4,134,198,1);text-decoration: none;}
a:hover {color:rgba(4,134,198,.5);text-decoration: none;}

#top {min-height: 40px;}

#blogname {display: inline-block;}
#blogtagline{display: inline-block;}

.bgddunkel {background:rgba(50,50,50,1);}
.bgdhell {background:rgba(100,100,100,1);}

#loginform .login-username label, #loginform .login-password label {width: 45%}
#loginform .login-username input, #loginform .login-password input {width: 52%}

.comment-form-comment label{display: block;}

/*headermenü*/

#blogtitle {margin: 0 15px;}

#middle {margin:20px 0px}

/*mainmenu*/
.navbarbgd {}
.navbar-toggle {margin-right: 0px;}
.navbar-collapse {width: 100%;height: 100%;margin-top: -1px;}

.navbar-nav {background:rgba(0,0,0,1); text-transform: uppercase; font-size: 16px;width: 100%;font-style: normal;font-weight: 300;}
.navbar-nav li a {padding:10px;color:rgba(255,255,255,1);}
.navbar-nav li a:hover {background:rgba(4,134,198,.6); }
.navbar-nav>.current_page_item>a, .navbar-nav>.current_page_parent>a, .navbar-nav>.active a,
.navbar-nav>.current-menu-item>a, .navbar-nav>.current-menu-parent>a { background-color: rgba(4,134,198,.8); color:rgba(255,255,255,1);}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: rgba(4,134,198,.8);}



.dropdown-menu { margin:0;padding: 0;background-color:rgba(15,120,13,1);border: 0px solid #ccc;border-radius: 0px;font-weight: 300;}
.dropdown-menu li a{background-color:rgba(15,120,13,1)!important; color:rgba(255,255,255,1);}
.dropdown-menu li a .caret{position:absolute;margin:10px;right:0 }
.dropdown-menu li a:hover {background:rgba(4,134,198,.6)!important; color:rgba(255,255,255,1);}
.dropdown-menu li.active a {background-color:rgba(4,134,198,.8)!important; color:rgba(255,255,255,1);}
.dropdown-submenu .dropdown-submenu  {position: relative; margin: 0;padding: 0;}
.dropdown-submenu .dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin:0;padding: 0;}
.dropdown-submenu .dropdown-submenu:hover>.dropdown-menu { display: block;}

/*fussmenü*/
#menu-fussmenue {background:none;list-style-type:none;margin:0 0 15px 0;padding: 0;}
#menu-fussmenue li{margin:0;display:inline-block;border-right:1px solid #000;}
#menu-fussmenue li:last-child{border-right: none;}
#menu-fussmenue li a{margin:0 6px 0 6px;color:rgba(0, 0, 0, 0.8);}
#menu-fussmenue li a:hover{margin:0 6px 0 6px;color:rgba(0, 0, 0, 0.4);}
#menu-fussmenue li:first-child a{margin:0 6px 0 0px;}
#menu-fussmenue .current_page_item>a{color:rgba(134,188,36,1)!important}

/*breadcrumb*/
.breadcrumbs { margin-top: 0px; padding: 10px;background: rgba(243,180,3,.5); }


/*content*/
.page {padding-bottom:20px;}

article {padding: 20px 0; border-bottom: 3px dotted rgba(0,0,0,1);}

.ohneGallerie {margin-top: 180px;}

#content {margin-bottom: 15px;}
#content .post .postthumbnail{}
#content .post{padding-left:15px;padding-right:15px;min-height:340px;}
#content .post:nth-child(even) {background:rgba(232,232,232,1);border-top: 1px solid rgba(224,224,224,.5);}
#content .post:nth-child(odd) {background:rgba(240,240,240,1);border-top: 1px solid rgba(224,224,224,.5);}

#content ul, .content > ol, #sidebar ul, .sidebar ol {padding-left:15px;}
#content ul li, #sidebar ul li {
	display: list-item;
	list-style:none;
	text-align: -webkit-match-parent;
	position:relative;
}
#content ul li:before, #sidebar ul li:before {
    position: absolute;  
    top: 0px;  
    margin: 8px 0 0 -12px;    
    vertical-align: middle;
    display: inline-block;
    width: 8px;
    height: 4px;
    background: #ccc;
    content: "";
}

#phk-logo{
	width: 200px;
	height: auto;
}

@media (max-width: 767px) {
  .navbar-nav {padding-left:15px;} 
  .navbar-nav li {border-right: 0px solid rgba(255,255,255,1)} 
  
  #content .post .postthumbnail{min-height:240px;}
  #content .post{min-height:420px;}
 }

@media (min-width: 767px) and (max-width: 992px) {
  #content .post .postthumbnail{min-height:150px;}
  #content .post{min-height:320px;}
 }
 
 @media (min-width: 992px) and (max-width: 1200px) {  
   #content .post .postthumbnail{min-height:150px;}
   #content .post{min-height:320px;}
  }
  
  @media (min-width: 1200px) {   	
  	#content .post .postthumbnail{min-height:120px;}
  	#content .post{min-height:320px;}
  }

.gallery-item {position:relative;overflow:hidden;margin-bottom: 20px;}
.gallery-item .wp-caption {
	position:absolute;
	bottom:0;
	left:0;
	opacity: 0.5;
	margin: 0;
	margin-bottom:-50px;
	width:100%;
	padding: 5px;
	color: #ddd;
	background:#111;
	-webkit-transition: margin-bottom;
	-webkit-transition-duration: 100ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: margin-bottom;
	-moz-transition-duration: 100ms;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: margin-bottom;
	-o-transition-duration: 100ms;
	transition: margin-bottom;
	transition-duration: 100ms;
	transition-timing-function: ease-out;
}
.gallery-item:hover .wp-caption {margin-bottom:0px;}

.su-slider {
	margin: 0!important;
}

/*bilder ausrichten*/
.alignright {float:right; margin: 10px 0px 10px 20px;}
.alignleft {float:left; margin: 10px 20px 10px 0px}
.aligncenter{}

/*gallerie*/
#adv-custom-pager, #no-template-pager{padding-bottom:20px;}
#adv-custom-pager a, #no-template-pager img{float: right; margin:0 0px 10px 10px; cursor: pointer;}
.gallery {margin: auto; margin-top: 80px;}
.gallery .gallery-item {}
.gallery img {}
.gallery .gallery-caption {  margin-left: 0;}

/*slideshow*/
.slideshow { margin-bottom:20px;}
#nav { width: 470px; height:60px; margin: 15px 0 }
#nav li { width: 50px; float: left; margin: 9px; list-style: none }
#nav li:first-child { margin-left:0; }
#nav a { width: 50px; padding: 4px; display: block; border: 1px solid #ccc; }
#nav li.activeSlide a { background: #66cC00 }
#nav a:focus { outline: none; }
#nav img { border: none; display: block; margin:0 }



/*vademecum-start*/
/* 
Generic Styling, for Desktops/Laptops 
*/
.su-tabs-panes .su-tabs-pane{padding: 0;}

.su-table table { 
  width: 100%; 
  border-collapse: collapse; 

}
/* Zebra striping */
.su-table tr:nth-of-type(odd) { 
  background: #999; 
}
.su-table th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
div.vademecum-tabs .su-table td, div.vademecum-tabs .su-table th { 
  padding: 2px!important; 
  border: 0px solid #ccc; 
  text-align: left!important; 
  vertical-align: top;
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 767px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	div.vademecum-tabs div.su-tabs-nav span {
	    display: inline-block!important;
	}

	/* Force table to not be like tables anymore */
	div.vademecum-tabs .su-table table, 
	div.vademecum-tabs .su-table thead, 
	div.vademecum-tabs .su-table tbody, 
	div.vademecum-tabs .su-table  th, 
	div.vademecum-tabs .su-table  td, 
	div.vademecum-tabs .su-table  tr { 
		display: block; 
		vertical-align: top;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	div.vademecum-tabs .su-table table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	div.vademecum-tabs .su-table table  tr { border-bottom: 1px solid #999; }
	
	div.vademecum-tabs .su-table table  td { 
		/* Behave  like a "row" */
		border: 0px solid #eee!important; 
		border-bottom: 1px solid #ccc!important; 
		position: relative;
		padding-left: 50%!important; 
	}
	
	div.vademecum-tabs .su-table table tbody tr td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		color: #000;
		font-weight: normal;
	}
	
	/*
	Label the data
	*/
	div.vademecum-tabs .su-table table  td:nth-of-type(1):before { content: "Vereinfachte Umschrift + dt. Artikel"; }
	div.vademecum-tabs .su-table table  td:nth-of-type(2):before { content: "arabisches Genus"; }
	div.vademecum-tabs .su-table table  td:nth-of-type(3):before { content: "Schreibweise im Duden"; }
	div.vademecum-tabs .su-table table  td:nth-of-type(4):before { content: "Transkription	(IRU Standard)"; }
	div.vademecum-tabs .su-table table  td:nth-of-type(5):before { content: "Wörtliche	Übersetzung"; }
	div.vademecum-tabs .su-table table  td:nth-of-type(6):before { content: "Übertragene Bedeutung"; }
	div.vademecum-tabs .su-table table  td:nth-of-type(7):before { content: "Türkisch"; }
	div.vademecum-tabs .su-table table  td:nth-of-type(8):before { content: "Arabisch"; }
}
/*vademecum-ende*/