/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/



 /********************   (c) kielmonitor.de    **************/
 /********************   Farben Dunkel: #1d3969 Mittel #3069bf Hell #4e8de1 Grau #eee   **************/


@import url("../salient/style.css");


/*-------------------------------------------------------------------------*/
/*	2. Globally Applied Styles
/*-------------------------------------------------------------------------*/


/*    Do not show nectar_love      */
.nectar-love-wrap, .nectar-love, .loved {
   display: none !important;
}

article.post .post-meta .date {
   margin-bottom: 0px;
}

article.post .post-meta .date {
   padding-bottom: 0px;
   border-bottom: 0px!important;
}



.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

.iframe_karte {
  height: auto!important;
  padding-bottom: 0px!important;
	opacity: 1 !important;
}
.iframe_karte iframe {
  position: relative!important;
	opacity: 1 !important;
}


.iframe_karte iframe[src] {
	opacity: 1 !important;
}

.wpb_content_element{
margin-bottom: 10px !important;

}

@media only screen and (max-width : 690px) {
/*    responsive.css      */

  	#page-header-bg .span_6 h1, .single.single-post .section-title h1, h1 {
  		font-size: 20px!important;
  		line-height: 35px!important;
  		margin-bottom: 4px!important;
  	}


}



sup {
    top: -0.2em !important;
    font-size: 8px !important;
    text-decoration:underline !important;

}



/*    h6   */
h6 {
font-size: 18px;
color: #3069bf !important;
text-transform: uppercase;
padding: 10px 0 0px 0 !important;
margin: 0 !important;
margin-bottom: 5px !important;

}

blockquote {
	line-height: 25px !important;
	font-size: 15px !important;
}


/*    Home Portfolio      */

.portfolio-items .work-item.style-3 .vert-center {
	text-transform: Uppercase !important;
}

body .portfolio-filters-inline {
	background-color: transparent !important;
	text-transform: Uppercase !important;
}

.home-headline .subheader {
    font-size: 25px !Important;
}

.subheader {
 	margin-top:0px !Important;
    font-size: 15px !Important;
}

.subheader-small {
 	margin-top:0px !Important;
    font-size: 12px !Important;
}

.home-headline{
text-align: center;
}

.home-headline h1{
line-height: 35px !Important
;}

.pano-text {
margin-top: -60px !important;
}

.pano-text h1{
text-align: center;
color: #4e8de1 !important;
text-shadow: 1px 1px #333 !important;
}

.pano-sub {
color: #4e8de1!important;
text-shadow: 1px 1px #333 !important;
}

.portfolio-textbox{
margin-top: 85px;
text-shadow: 1px 1px #333 !important;
line-height: 20px;
}

.portfolio-textbox a{
color: white;
}



/*    Text overlay Homeportfolio       */
.portfolio-items .col .work-info .vert-center {
	margin-top: 30px !important;
	font-size: 11px !important;
    text-shadow: 0px 1px #333;
}

.vert-center h3 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 100% !important;
    font-size: 17px !important;
    font-weight: bold;
    text-shadow: 0px 1px #333;

}


.portfolio-items .col .work-item.style-3 .work-info-bg {
	opacity: 0 !important;
}

.portfolio-filters-inline .container > ul a, .portfolio-filters-inline .container > ul li#sort-label  {
	padding: 0px 5px !important;
	color: #3069bf !important;

}

.portfolio-filters-inline #current-category {
	color: #3069bf !important;
    padding-top: 0px !important;
    font-weight: bold !important;
	font-weight: -300 !important;

}

.portfolio-filters-inline .active {
text-decoration: underline !important;
}


.portfolio-filters-inline ul li a:hover  {

text-decoration: underline !important;
}


.wetterbox{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}

.wetterbox-mobile{
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}


.flex-control-nav {
	display: inline !important;	
}


#videodatepicker{
width:100px;

}

.timepicker{
height: 400px;

}





.videostarten input[type=submit], button[type=submit] {
    background-color: #555;
    padding: 12px 11px;
    border: none;
    color: #fff;
    font-weight: normal !important;
    cursor: pointer;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: 100px;
    font-size: 12px; 
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.videostarten input[type=submit]:hover, button[type=submit]:hover {
    font-weight: normal !important;

}


.zeitraffervideo {
  background-image: url(js/airdatepickerloading.gif);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center;
  }
  
  
.datepicker-zeitraffer{
width:400px;

}

.datepicker-zeitraffer input[type="text"], .video-datepicker-zeitraffer input[type="text"]
{
    width: 130px;
    height: 40px;
    color: #4e8de1;
    cursor: pointer;
    border: none !important;

}

#zeitrafferstarten
{
	background-color: #4e8de1 !important;
    border: none !important;
    border-radius: 3px;
    color: #FFFFFF!important;
    cursor: pointer;
    line-height: 50px;
    font-size: 15px;
    transition: all 0.2s linear 0s;
    padding: 10px;
}

.datepicker-zeitraffer input[type="button"]:hover 
{
background-color: #1d3969 !important;

}




/*-------------------------------------------------------------------------*/
/*	5.	Page + Custom Page Layout Styles
/*-------------------------------------------------------------------------*/


#page-header-bg h1{

}

#page-header-bg h1{
    text-shadow: 0px 1px #333;

}


/*  Correction: Banner to big on some resolutions   */
#boxed #header-outer, #boxed #header-secondary-outer, #boxed #page-header-bg {
	min-width: 1000px!important;
}

.comment-list li.comment > div {
overflow: visible !important;
}

.gegenschuss {
width: 425px !important;
}

/*-------------------------------------------------------------------------*/
/*	6.	Nectar Shortcode Styles
/*-------------------------------------------------------------------------*/

/***************** Icons ******************/
[class^="icon-info"] {
	background-color: #fff !important;
    color: #a9a9a9; !important;
    top: -4px;

}


[class^="icon-info"]:hover {

	color: #3069bf;
    transform: scale(1.18);
    -moz-transform: scale(1.18);
    -o-transform: scale(1.18);
    transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
}


[class*="fa-"]{width:auto !important; }

/*-------------------------------------------------------------------------*/
/*	8. Sidebar Styles
/*-------------------------------------------------------------------------*/

/*    Sticky Sidebar Fix      */
@media only screen and (max-width: 1300px) and (min-width: 1000px){
body.single-portfolio #sidebar.fixed-sidebar, body.single-portfolio #sidebar {
/*width: 27.5% !important;*/
}
}

#sidebar{
text-align: left !important;
}

body.page-template-page-schiffe-php .main-content > .row > #post-area, 
body.page-template-page-schiffe-php .main-content > .row > #sidebar,
body.page-template-page-projektor-php .main-content > .row > #post-area, 
body.page-template-page-projektor-php .main-content > .row > #sidebar,
body.page-template-page-kreuzfahrer-php .main-content > .row > #post-area, 
body.page-template-page-kreuzfahrer-php .main-content > .row > #sidebar
 {
  margin-top: 30px;
}


.row  {
	padding-bottom: 0px !important;
}

#sidebar div {
margin-bottom: 0px;

}

#sidebar div ul li{
padding: 4px 0px !important;
}

#sidebar div ul li img{
margin-bottom: 0px;

}


#sidebar h4 {
font-size: 14px !important;
margin-bottom: 0px !important;
}

#sidebar .widget li.recentcomments {
	padding: 10px !important;
	margin-bottom: 4px !important;

}


#sidebar-reklame{
float:left;
width:160px;
height:1000px;
background-color: red;


}

.reklame-leaderboard{
padding: 10px 0px 0px 0px;
width:100%;
text-align:center; 
}

.flex-caption {
background:none; 
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;
}

.flex-caption {
padding: 10px 10px 10px 70px;
position: absolute; 
left: 0px; 
top: 0; 
background: rgba(0,0,0,0.0); 
color: #fff; 
text-shadow: 0 1px 0 rgba(0,0,0,.3); 
font-size: 15px; 
font-weight: bold;
}



.flagge{
    width: 30px !important;

}

.flaggeliste{
    width: 30px !important;
}

#inkreuzfahrerliste li.recentcomments {
	padding: 3px!important;
	margin-bottom: 2px;
	border: none;
	position: relative;
	display: block;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
}



/*-------------------------------------------------------------------------*/
/*	Karte
/*-------------------------------------------------------------------------*/
#map-canvas{
    float: left;
    width:100%;
    height:550px; 
    overflow: "hidden";
    margin-bottom: 10px;
    
}

#map-canvas-mini{
    float: left;
    width: 100%;
    height: 300px; 
    overflow: "hidden";
    margin-bottom: 10px;


}

.gmaps{
width: 100%;
}

#map-canvas img, #map-canvas-mini img{
   max-width: none !important;
   max-height: none !important;
       
}




#info{
margin-top: 10px !important;

}



#info ul li {
line-height: 20px;
background-color: #eee;

}

#info li img{
max-width: 100% !important;
min-width: 100% !important;

}

.labelsWebcamsOst {
    color: darkblue;
    width: 120;
//    background-color: rgba(255, 255, 255, 0.4) !important;
    font-size: 10px;
    line-height: 10px;
    text-shadow: 1px 1px 1px white;
    text-align: left !important;
    padding: 1px !important;
    white-space: nowrap;
}

.labelsWebcamsWest {
    color: darkblue;
    width: 120px;
//    background-color: rgba(255, 255, 255, 0.4) !important;
    font-size: 10px;
    line-height: 10px;
    text-shadow: 1px 1px 1px white;
    text-align: right !important;
    padding: 1px !important;
    white-space: nowrap;
}



.labelsShips {
    color: black;
    background-color: rgba(255, 255, 255, 0.4) !important;
    font-size: 10px;
    line-height: 10px;
    text-shadow: 1px 1px 1px white;
    text-align: left;
    white-space: nowrap;
}


.labels_off {
    visibility: hidden;
}

.titleimage {
font-size: 25px !important;
padding: 0px !important;
margin: 0px !important;

}

.titleimage img{
padding: 0px !important;
margin: 0px !important;
height: 20px !important; 
}


.minimap 



/*-------------------------------------------------------------------------*/
/*	responsive.css
/*-------------------------------------------------------------------------*/




/*!
 ********************************************************************************************
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #4e8de1;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #4e8de1;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}

/*!
 ********************************************************************************************
 * Pikaday END
 */


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/

.flex-gallery{
overflow: visible !important;
min-height: 200px !important;
}

.flex-gallery ol{
margin: 0 !important;
}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover {background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 4%; float: left; padding-right: 1px; margin: 2px 0px 0px 0px;}
.flex-control-thumbs img {width: 100%; min-height:25px !important; display: block; opacity: .3; cursor: pointer !important;}
.flex-control-thumbs img:hover {opacity: 1 !important;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.thumb-label{
padding-top: -20px;
height: 20px;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 0px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 0px;}
  .flex-caption { font-size: 10px; }


}


/* loading-gallery
***********************/
.loading-gallery #container {opacity: 0;}

.loading-gallery:before  { 
    content: ' . ';
	display: block;
	height: 31px;
	width: 31px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -31px;
	
    color: white; 
    font-size: 1px; 
    opacity: 1; 
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('img/loading.gif');

}



.schiffsgallerylink a {
color: white !important;
background-color: rgba(0,0,0,0.2);
padding: 1px 3px;
}

.takemebackzeit{
background-color: rgba(0,0,0,0.2);
}

.singleportfolio{
padding-bottom: 0px !important;

}