/*
Theme Name: Stattbad
Theme URI: http://stattbad.net
Author: Eric Mitjans
Author URI: http://ericmitjansphotography.com
Description: Based in _tk starter theme
License: GNU General Public License v3.0 / License URI: http://www.gnu.org/licenses/gpl-3.0.html
License URI: see license.txt

This theme, like WordPress, is licensed under the GPL.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap
*/


/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

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


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.main-content-inner.col-md-12{
	padding-left: 0;
	padding-right: 0;
}
.hentry {
	margin: 0;
/*	margin: 0 0 1.5em; */
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/* My styles */

body{
	font-family: 'Open Sans', Arial, sans-serif;
}
a, .btn, header.col-md-12, article.featured, a .img-responsive{
	-webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
a .img-responsive{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
a:hover, a:focus{
	text-decoration:none!important;
	color:#64b5f6;
}
a:hover .img-responsive, a:focus .img-responsive{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
a{
	color:#2297F4;
}
.page-id-179 a, .page-id-93 a{
	color:#616161;
}
.page-id-179 a:hover, .page-id-93 a:hover{
	color:#212121;
}
.btn-primary{
	background-color:#2297F4!important;
}
.btn-primary:hover{
	background-color: #64B5F6!important;
}

input.form-control{
	border:0;
	border-radius:0;
	box-shadow:0 0 0!important;
}

/* Navigation bars */

/*First navbar*/

#navbar{
	padding-right: 15px;
}
.navbar.first-nav{
	min-height: 32px;
	padding:0;
	border:0;
	background-color: #212121;
	border-radius: 0;
	margin-bottom: 0;
}
.navbar.first-nav .container{
	padding-bottom: 0;
}
.navbar.first-nav ul li a{
	padding-top: 6px;
	padding-bottom: 6px;
	color: #f5f5f5;
	font-size: 12px;
}
.navbar.first-nav ul li a:hover{
	color: #555;
	background-color: #e7e7e7;
}
.navbar.first-nav ul li.active a{
	color: #e0e0e0;
	background-color: #424242;
}
/* !First navbar*/

/* Search form*/
#search {
    position: relative;
    float: left;
    width: 46px;
    height: 32px;
}
#label {
    width: 46px;
    height: 32px;
    position: relative;
    text-align: center;
}
#label:hover {
    background-color: #e7e7e7;
}
#label label {
    display: block;
    width: 46px;
    height: 32px;
    font-size: 14px;
    color: #f5f5f5;
    padding-top: 5px;
    cursor: pointer;
}
#label:hover label i{
    color: #555;
}
#input {
    position: absolute;
    top: 0;
    left: -154px;
    width: 200px;
    height: 32px;
    overflow: hidden;
    z-index:-1000;
   
}
#input input {
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 0px;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background-color: #eee;
    color: #444;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -ms-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}
#input input:focus {
    outline: none
}
#input.focus {
    z-index: 20
}
#input.focus input {
    width: 200px;
    padding:0 10px;
}

/* !Search form*/


/*Second navbar*/
#main-menu{
	padding-bottom:20px;
}
.navbar-collapse{
	margin-top:23px;
}
.navbar-toggle {
	margin-right: 0;
	margin-top: 20px;
	margin-bottom: 0; 
	border:0;
	border-color:transparent;
	padding-right: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #212121;
	width: 29px;
	height: 4px;
	border-radius: 0;
}

.navbar.second-nav, .navbar.second-nav .container, .navbar.second-nav .container .navbar{
	border:0;
	background: transparent;
	padding-bottom:0; 
	border-radius:0;
}
.navbar.second-nav{
	margin: 0;
}
.navbar.second-nav .container .navbar{
	min-height: 82px;
	margin: 0;
}
.navbar.second-nav .container .navbar-brand{
	padding-top: 27px;
	padding-left:0;
	max-width: 215px;
}

.navbar.second-nav .container #main-menu li a{
	padding:15px 12px;
	font-weight: bold;
	font-size: 12px;
	color: #212121;
	text-transform: uppercase;
}
.navbar.second-nav .container #main-menu li a:hover{
	background-color: #2297F4;
	color:#fff;
}
.navbar.second-nav .container #main-menu li.active a{
	background-color: #eee;
}
.navbar.second-nav .container #main-menu li.active a:hover{
	background-color: #2297F4;
	color:#fff;
}

li.search.visible-xs{
	padding-top:20px;
}
li.search.visible-xs .form-control{
	border-radius:0;
	border: 1px solid #ccc;
	padding: 24px 12px;
}
li.search.visible-xs .btn.btn-primary{
	border-radius:0;
	border: 0;
	padding: 14px 21px;
	border-left: 10px solid white;
	font-size:16px;
}
li.search.visible-xs .btn.btn-primary:focus {
    outline: none
}
/* !Second navbar*/

/*Newsletter*/
#menu-item-135,
#menu-item-165{
	display: none;
}
.dropdown-menu{
	min-width: 273px;
	background-color: #2297F4!important;
	padding: 20px;
	border: 0;
	border-radius: 0;	
	box-shadow: 0 0 0!important;
}
.dropdown-menu p{
	font-size: 12px;
	color:#eee;
	margin-bottom: 20px;
}
.navbar-default .navbar-nav>.open>a{
	background-color: #2297F4!important;
	color: #fff!important;
}
/* !Newsletter*/

/*Featured post*/

article.featured, article.featured header.col-lg-12{
	padding-left: 0;
	padding-right: 0;
}
article.featured{
	margin-bottom: 60px;
}
article.featured .container{
  position: relative;
  height: 350px;
  padding-left:0!important;
  padding-right:0!important;
}

article.featured .container header.col-lg-12{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
article.featured header.col-lg-12 .entry-summary,
article.featured header.col-lg-12 h1.page-title,
h1.page-title.search-header{
	font-size: 32px;
	line-height:35px;
	text-transform: uppercase;
	margin-left:-3px;
}
article.featured header.col-lg-12 h1.page-title{
	margin-top: 0;
}
article.featured header.col-lg-12 .thedate{
	font-size: 38px;
	position:relative;
	line-height: 0.8;
	margin-top: 30px;
	bottom:0;
}

/* !Featured post*/

/*Footer*/
.site-footer{
	background-color: #212121;
	padding: 20px 0 30px 0;
}
.site-footer p{
	color:#ddd;
	padding-bottom:20px;
	font-weight: 300;
}
.site-footer ul, .site-footer ul li{
	padding:0;
	margin:0;
	list-style-type: none;
}
.site-footer ul li a{
	color:#ddd;
	text-transform: uppercase;
	font-weight: 300;
	line-height:30px;
	border-left:0;
	-webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.site-footer ul li a:hover{
	color:#fafafa;
}
.site-footer input, .site-footer .btn, .dropdown-menu input, .dropdown-menu .btn{
	border-radius: 0;
	border:0;
	min-height: 40px;
}
.site-footer .btn{
	border-left:6px solid #212121;
	background-color: #fff!important;
}
.site-footer .btn i{
	color:#212121;
}
.dropdown-menu .btn{
	background-color: #fff!important;
	color:#2297F4;
	border-left:6px solid;
}
.input-group-btn:last-child>.btn{
	margin-left: 0;
}
.map {
  height: 252px;
  position: relative;
  overflow: hidden;
}	
.col-md-6 .map{
	height:608px;
}
.map iframe,
.map object,
.map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
h3.footer-title{
	font-size: 16px;
	color: #ddd;
	text-transform: uppercase;
	font-weight: 700;
	margin: 40px 0 15px 0;
}
.footer-end{
	background-color: #000;
	height:30px;
}
/* !Footer*/


/*Content*/

#content header.col-md-12, article.featured{
	background-color: #333;
	padding: 7px 20px;
	min-height: 300px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	/* filter: url(grayscale.svg); /* Firefox 4+ */
	filter: gray; /* IE 6-9 */;
}
#content header.col-md-12:hover, article.featured:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	/*filter: url(); /* Firefox 4+ */
}
#content article{
	margin-bottom: 30px;
}
.thedate{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 36px;
	color: #fff;
	position: absolute;
	bottom: 10px;
}
.entry-summary,
h1.page-title{
	color:#fff;
	font-size: 20px;
	line-height:24px;
}
h1.page-title{
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 0;
}
.entry-summary{
	font-weight: 300;	
}
/* !Content*/

/*Single*/
.main-content-inner.col-md-8.col-md-offset-2 h1.page-title,
.main-content-inner.col-md-10.col-md-offset-1 h1.page-title,
h1.page-title.search-header{
	color: #212121;
	font-size: 36px;
	line-height: 40px;
	margin-top: 40px;
	margin-bottom: 15px;
}
.main-content-inner.col-md-8.col-md-offset-2 p,
.main-content-inner.col-md-10.col-md-offset-1 p,
.no-results p{
	margin-top:30px;
	font-size:23px;
	line-height:32px;
	font-weight:300;
}
.no-results p{
	margin-top:0;
}
.no-results form{
	margin:40px 0;
}
.no-results form input.form-control{
	border: 1px solid #ccc;
	padding: 24px 12px;
}
.no-results form .btn.btn-primary{
	border-radius:0;
	border: 0;
	padding: 14px 21px;
	border-left: 10px solid white;
	font-size:16px;
}
ul.pager li a{
	border:0;
	border-radius:0;
	padding:16px 8px;
	background-color:#2297F4!important;
	color:#fff;
	font-size:13px;
	font-weight:300;
}
ul.pager li a:hover{
	background-color: #64B5F6!important;
}
.entry-content h3 {
	font-size: 37px;
	line-height: 64px;
	margin-top: 32px;
	margin-bottom: 32px;
	font-weight: 700;
}
.entry-content h4 {
	text-align: center;
	text-transform: uppercase;
	margin-top: -10px;
}
/* !Single*/

/*Contact form*/
.wpcf7-form input.form-control, 
.wpcf7-form textarea.form-control,
.wpcf7-form .btn.form-control{
	border-radius: 0;
	font-size: 23px;
	padding:20px;
	box-shadow: 0 0 0;
	border-color:#e0e0e0;
	-webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    border: 1px solid #ccc;
}
.wpcf7-form input.form-control{
	height:62px;
}
.wpcf7-form input.form-control:focus, 
.wpcf7-form textarea.form-control:focus{
	border-color:#616161;
}
.wpcf7-form .btn.form-control{
	border:0;
	height:62px;
	padding:0;
}
.wpcf7-form p{
	margin-top: 0!important;
	margin-bottom: 30px;
}
div.wpcf7-validation-errors {
	background-color:#CDDC39;
	color:#fff;
	border:0;
}
div.wpcf7-mail-sent-ok {
	background-color:#8BC34A;
	color:#fff;
	border:0;
}
div.wpcf7-response-output {
    margin:0; 
    padding: 20px; 
}

/* !Contact form*/


/*Search*/
h1.page-title.search-header{
	padding-left:15px;
}
h1.page-title.search-header i{
	color:#bdbdbd;
}
/* !Search*/

/*Event icons*/
a.fb-event{
	border: 0;
  	border-radius: 0 0 0;
  	background: url('img/fb-event.png') center center;
  	height: 50px;
  	width: 50px;
  	margin-top: 30px;
 	margin-right:10px;  	

}

a.ra-event{
	border: 0;
  	border-radius: 0 0 0;
  	background: url('img/ra-event.png') center center;
  	height: 50px;
  	width: 50px;
  	margin-top: 30px;
}



/* /Event icons*/


@media (min-width: 768px) { 
	.navbar.second-nav .container .navbar-brand{
		padding-top: 31px;
		padding-left:15px;
		max-width:175px;
	}
	.dropdown-menu{
		box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)!important;
	}
	.navbar.second-nav .container #main-menu li a{
		padding: 31px 7px;
		font-size: 11px;
	}
	.navbar.second-nav .container #main-menu li.icon-fb,
	.navbar.second-nav .container #main-menu li.icon-ra,
	.navbar.second-nav .container #main-menu li.icon-sc{
		display:block;
	}
	.navbar.second-nav .container #main-menu li.icon-fb a{
		display:block; 
		height:17px; 
		width:9px; 
		outline:none; 
		text-indent:-9999px;
		background-image:url('img/icon-fb.png'); 
		background-position:9px center;
		background-repeat: no-repeat;
		padding:41px 13px;
	}
	.navbar.second-nav .container #main-menu li.icon-ra a{
		display:block; 
		height:17px; 
		width:58px; 
		outline:none; 
		text-indent:-9999px;
		background-image:url('img/icon-ra.png'); 
		background-position:11px center;
		background-repeat: no-repeat; 
		padding:41px 13px;
	}
	.navbar.second-nav .container #main-menu li.icon-sc a{
		display:block; 
		height:17px; 
		width:56px; 
		outline:none; 
		text-indent:-9999px;
		background-image:url('img/icon-sc.png'); 
		background-position:11px center;
		background-repeat: no-repeat; 
		padding:41px 13px;
	}

	.navbar.second-nav .container #main-menu li.icon-fb a:after {
		content: "";
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url('img/icon-fb.png') no-repeat;
		background-position:-43px center;
		opacity: 0;
		-webkit-transition: opacity 0.2s;
		-moz-transition:    opacity 0.2s;
		-o-transition:      opacity 0.2s;
	}
	.navbar.second-nav .container #main-menu li.icon-ra a:after {
		content: "";
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url('img/icon-ra.png') no-repeat;
		background-position:-73px center;
		opacity: 0;
		-webkit-transition: opacity 0.2s;
		-moz-transition:    opacity 0.2s;
		-o-transition:      opacity 0.2s;
	}
	.navbar.second-nav .container #main-menu li.icon-sc a:after {
		content: "";
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url('img/icon-sc.png') no-repeat;
		background-position:-78px center;
		opacity: 0;
		-webkit-transition: opacity 0.2s;
		-moz-transition:    opacity 0.2s;
		-o-transition:      opacity 0.2s;
	}
	.navbar.second-nav .container #main-menu li.icon-fb a:hover:after,
	.navbar.second-nav .container #main-menu li.icon-ra a:hover:after,
	.navbar.second-nav .container #main-menu li.icon-sc a:hover:after {
		opacity: 1;
	}

	.navbar-collapse{
		margin-top:0;
	}
	#main-menu{
		padding-bottom:0;
	}
	article.featured .container{
	  	padding-left:15px!important;
		padding-right:15px!important;
	}
	article.featured header.col-lg-12 .thedate{
		font-size: 50px;
	}
	.map {
	  height: 309px;
	}
	.main-content-inner.col-md-8.col-md-offset-2 h1.page-title,
	.main-content-inner.col-md-10.col-md-offset-1 h1.page-title,
	h1.page-title.search-header{
		font-size: 47px;
		line-height: 60px;
		margin-top: 60px;
	}
	ul.pager li a{
		padding:20px;
		font-size:18px;
	}
}



@media (min-width: 992px) {
	.navbar.second-nav .container .navbar-brand{
		padding-top: 27px;
		padding-left:15px;
		max-width: 230px;
	}
	.map {
		height: 272px;
	}
	/*Second Navbar*/
	.navbar.second-nav .container #main-menu li a{
		padding:31px 12px;
		font-size: 12px;
	}
	.navbar.second-nav .container #main-menu li.icon-fb a{
		background-position:16px center;
		padding:41px 20px;
	}
	.navbar.second-nav .container #main-menu li.icon-ra a{
		width:64px; 
		background-position:14px center;
		padding:41px 20px;
	}
	.navbar.second-nav .container #main-menu li.icon-sc a{
		width:64px; 
		background-position:14px center;
		padding:41px 20px;
	}

	.navbar.second-nav .container #main-menu li.icon-fb a:after {
		background-position:-36px center;
	}
	.navbar.second-nav .container #main-menu li.icon-ra a:after {
		background-position:-70px center;
	}
	.navbar.second-nav .container #main-menu li.icon-sc a:after {
		background-position:-75px center;
	}
	/* !Second Navbar*/

	/*Featured article*/
	article.featured .container{
	  height: 550px;
	}
	article.featured{
		margin-bottom: 90px;
	}
	article.featured header.col-lg-12 .entry-summary,
	article.featured header.col-lg-12 h1.page-title{
		font-size: 45px; /*was 55*/
		line-height:55px;
	}
	article.featured header.col-lg-12 .thedate{
		font-size: 106px; /*was 150*/
		margin-top: 50px;
	}
	/* !Featured article*/

	/*Content*/
	.entry-summary,
	h1.page-title{
		font-size: 24px;
		line-height:31px;
	}
	.thedate{
		font-size: 60px;
		bottom: 0;
	}
	#content header.col-md-12, article.featured{
		padding: 0 20px;
	}
	.main-content-inner.col-md-8.col-md-offset-2 h1.page-title,
	.main-content-inner.col-md-10.col-md-offset-1 h1.page-title,
	h1.page-title.search-header{
		font-size: 60px;
		line-height: 64px;
		margin-top: 64px;
		margin-bottom: 32px;
	}	
	#content header.col-md-12, article.featured {
		min-height: 310px;
	}
	/*Content*/

}
@media (min-width: 1170px) {
	.map {
  		height: 252px;
	}
	#content header.col-md-12, article.featured {
		min-height: 280px;
	}	
}


/*Breakpoints Chrome ----   335px iphone */