/*
Theme Name: Leantechnik AG Spot
Theme URI: http://leantechnik.com/
Description: Leantechnik AG Spot is ein auf Spot basiertes Theme für die LEANTECHNIK AG in Oberhausen.
Author: Robert Sliwinski, XtremelySocial and Blacktie
Author URI: http://leantechnik.com
Version: 0.1
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.4
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, rtl-language-support, theme-options, translation-ready, sticky-post, threaded-comments, light, blue, black, red

Leantechnik Spot WordPress theme, Copyright (C) 2015 LEANTECHNIK AG
Spot WordPress theme, Copyright (C) 2014 XtremelySocial
Spot WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/

/* IMPORT the parent theme's stylesheet(s) */
@import url("../lean-flat-bootstrap/style.css");
@import url(http://fonts.googleapis.com/css?family=Work+Sans:300);

/* OVERRIDDEN styles from the parent theme's stylesheet(s) */

/* Need room for fixed navbar at the top. If you change the height of it, change it 
 * here as well. Make sure the navbar doesn't wrap on tablets or this won't work 
 * right.
 */
body {
    padding-top: 50px;
    text-align: justify;
    background-color: #FFFFFF !important;
/*     font-family: "Futura Book", "Nunito", sans-serif; */
}

.Publikation {
    background-image: url('http://leantechnik.com/wp-content/uploads/2016/06/publikationen.jpg') !important;
    background-position: center 20% !important;
}

.Publikation h1 {
    color: black !important;
}



.Anwenderbericht {
    background-image: url('http://leantechnik.com/wp-content/uploads/2016/05/DSC_0927.jpg') !important;
}

.produktseitenbilder{
	float: left;
}

.produkttitel {
	text-transform: none;
/*	font-size: 24pt; */
}

/* TODO: Modal-Knöpfe in LEANTECHNIK-Farbe */
div[class*='eModal-'] {
	background-color: #e9e9e9 !important;
	color: #000 !important;
}

.eModal-1, .eModal-2, .eModal-3 {
	background-color: #e9e9e9 !important;
	color: #000 !important;
/*	margin: 10px;*/
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
        /* max-width: 1920px;*/
	height: 100%;
}

.player .video-wrapper {
    background: #fff !important;
}

#page, .navbar, .after-footer {
    width: 100%;
    max-width: 2600px;
}

.products {
    margin-top: 265px;
}

.products img{
}

.products .lifgo{
    float: left;
    width: 60%;
    max-width: 450px;
    margin-right: 60px;
}

.products .leansl{
    float: right;
    width: 60%;
    max-width: 450px;
}

.products .leantranspo {
    float: left;
    max-width: 450px;
    padding-bottom: 170px;
}

.produktbildspacer, .produktbild  {
    float: left;
    width: 60%;
    max-width: 450px;
/*    height: 240px;*/
/*    background-color: navy; */
}


.lifgo-title {
    
}
.lifgo_text {
    margin: 70px 0 0 50px;
    vertical-align: center;
    font-size: 18pt;
    text-align: left;
}
.lifgo_text button, .leansl_text button, .leantranspo_text button  {
    margin: 10px 10px 0 0;
    font-size: 12pt;
/*     background-color: #999; */
/*     vertical-align: center; */
}

.leansl_text {
    margin: 100px 0 0 50px;
    font-size: 18pt;
    text-align: left;
}

.leantranspo_text {
    margin: 100px 0 0 50px;
    font-size: 18pt;
    text-align: left;
}

.modal-body {
    min-height: 300px;
}    

.gallery img{
   /*width: 30%;*/
}

.btn-info {
    background-color: #A0148E;
    border-color: #A0148E;
}

.home1 {
    padding: 140px 0 140px 0;
}

.bg-leangrey, .bg-leangrey h2, .bg-leangrey .btn-readmore  {
    background-color: #e9e9e9;
/*     color: white; */
}

.btn-readmore {
    border-color: #A0148E;
    background-color: #ffffff;
    color: #333;
/*     border: 0px; */
}

.bg-leangrey .btn-readmore {
    color: black !important;
    border-color: black !important;
    margin-top: 8px;
}

.cubecolor {
   color: #A0148E;
}

.bg-leangrey .btn-readmore:hover {
    border-color: #A0148E !important;
    background-color: #A0148E !important;
    margin-top: 8px;
    color: white !important;
}

.btn-readmore:hover {
    border-color: #A0148E;
    background-color: #333;
    color: #fff;
/*     border: 0px; */
}

.list-inline img {
    width: 120px;
    height: auto;
/*     *display:inline;zoom:1; */
    display: inline-flex;
    height: auto;
/*     text-align: center; */
}


.navbar-toggle {
    background-color: #A0148E;
}

.sidebar-footer .textwidget {
    margin-top: -10px;
}

.after-footer, .after-footer a {
    background-color: #fff;
    color: #000;
    
}

.sidebar-footer a:not(.btn), .footer-nav-menu a:not(.btn) {
    /*color: #000;*/
    color: #A0148E;
}

.sidebar-footer, footer.sidebar-footer, nav.sidebar-footer {
    background-color: #e8e8e8 !important;
    color: #000 !important;
}

#lifgo_hover {
    background-image: url('http://leantechnik.us/lifgo.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 400px;
    width: 350px;
}

#lifgo_hover:hover {
    background-image: url('http://leantechnik.us/lifgo_.png');
    background-size: contain;
    background-repeat: no-repeat;

}

#leansl_hover {
    background-image: url('http://leantechnik.us/leansl.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 350px;
width: 350px;
    float: right;
}

#leansl_hover:hover {
    background-image: url('http://leantechnik.us/leansl_.png');
    background-size: contain;
    background-repeat: no-repeat;

}


@media all and (max-width:700px) {
	.lifgo_text, .leansl_text, .leantranspo_text {
            margin: 10px 0 0 10px !important;
	}
	.list-inline img {
             width: 80px; 
            height: auto;
        }
}

@media all and (max-width:506px) {
	.lifgo, .leansl, .leantranspo {
            width: 100% !important;
	}
	.products {
            margin-top: 20px;
            border-top: 3px;
            border-color: #333;
        }
        .list-inline img {
             width: 40px; 
            height: auto;
        }
}

/* When WordPress admin bar is displayed, move theme menu down below it. Note that the
 * media query here uses the exact breakpoint in WordPress not the breakpoint in this
 * theme. */
.navbar-fixed-top { 
	top: 0px; 
}
body.admin-bar .navbar-fixed-top { 
	top: 32px !important; 
}
@media screen and (max-width:782px) {
	body.admin-bar .navbar-fixed-top {
		top: 46px !important; 
	}
}

/* Adjust heading styles and font sizes */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
/*	text-transform: uppercase; */

}

h1 {
	font-size: 28px;
	font-weight: 700;
}
h2 {
	font-size: 24px;
	font-weight: 500;
}
h3 {
	font-size: 20px;
}
h4,
h5,
h6 {
	font-size: 16px;
}

.cover-image, 
.cover-image-overlay,
.section-image, 
.section-image-overlay {
	height: 480px; /* cross-browser */
	min-height: 480px;
}

/* Change cover (front page) and section image crop to center. Bold the h1 tag. */
.section-image, 
.cover-image {
	background-position: center center;
}

.cover-image-overlay h1,
.cover-image-overlay h2,
.section-image-overlay h1,
.section-image-overlay h2 {
	text-transform: none;
}
.cover-image-overlay h1 {
	font-weight: 700;
}

/* Set spacer margin back to 100px as the header image as not as tall as in the parent theme */
@media (min-width: 768px) {
	.cover-image .spacer {
		margin-top: 100px;
	}
}

.nocaps h1,
.carousel h1 {
	font-size: 41px;
	text-transform: none;
}
.nocaps h2,
.carousel h2 {
	font-size: 34px;
	text-transform: none;
}

.cover-image {
	background-color: #689abd;
}

/* Set link color to red and hover to gray */
a {
    color: #A0148E;
}

a:hover,
a:focus {
    color: #7b7b7b;
}

a:hover i,
a:focus i {
	color: #A0148E;
}
/* a:link {
	color: #ffffff;
}
*/





/* Style the fixed top nav */
.navbar-inverse {
	font-size: 14px;
	font-weight: 700;
	color: #999;
	/*text-transform: uppercase;*/
        background-color: rgba(255, 255, 255, 0.85);
}

.navbar-inverse .navbar-nav > li > a {
  color: #999999;
}

.navbar-inverse .navbar-brand {
	font-size: 22px;
	text-transform: uppercase;	
}

/* Just for fun, color dot red (only if site name has an "O" in it. see functions.php) */
.navbar-inverse .navbar-brand i {
	color: #A0148E;
	letter-spacing: 1px;
}

.navbar-inverse .navbar-nav > .active > a {
	background: #A0148E
}

/* Don't black out the active nav link on hover */
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus {
	background-color: #A0148E;
}

.navbar-inverse .navbar-nav > .active > a {
	background: #A0148E
}

/* For larger screens, adjust some things */
@media (min-width: 768px) {
	body {
    	padding-top: 90px;
    }
    .navbar-inverse {
		padding-top: 15px;
		padding-bottom: 15px;
    }
/*	.cover-image, .cover-image-overlay {
		min-height: 480px !important;
	}*/
}

/* Set initial image background so light text is readable before image loads */
.content-header-image,
.content-header {
/* 	background-color: #3498db; */
        background-color: #A0148E;
	color: #fff;
}
.content-header h1, 
.content-header h2, 
.content-header h3, 
.content-header h4, 
.content-header h5, 
.content-header h6 {
	color: #fff;
	text-align: center;
}

aside.widget-text h2.widget-title {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase; 
}
	
/* Tone down the date | author | comments meta links on index pages */
/*.entry-meta {
	font-size: 14px;
}*/

/* Widgeted Footer - Almost Black Section Wrap */
.sidebar-footer, 
footer.sidebar-footer, 
nav.sidebar-footer {
	background-color: #e9e9e9;
}

.sidebar-footer a:hover:not(.btn), 
.sidebar-footer a:focus:not(.btn),
.footer-nav-menu a:hover:not(.btn),
.footer-nav-menu a:focus:not(.btn) {
    color: #A0148E;
}

.sidebar-footer .widget-title {
	color: #000;
}


.sidebar-footer span, 
.sidebar-footer i {
	color: #bdbdbd;
}
.sidebar-footer span:hover, 
.sidebar-footer span:active, 
.sidebar-footer i:hover,
.sidebar-footer i:active {
	color: #A0148E;
}

/* Move up the edit link on single pages so it doesn't create an uncolored section */
.page footer.entry-meta {
	margin-bottom: 0px;
	margin-top: -20px;
}

/* TILT ANIMATION */
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}


.btn-primary {
    color: #FFF !important;
    background-color: #A0148E !important;
    border-color: #A0148E !important;
}

.btn-primary:hover {
    color: #FFF !important;
    background-color: #b1259f !important;
    border-color: #b1259f !important;
}



/*.btn-youtube {
*  color: #ffffff;
*  background-color: #cd332d;
*  border-color: #6e0610;
*}
*
*.btn-youtube:hover,
*.btn-youtube:focus,
*.btn-youtube:active,
*.btn-youtube.active,
*.open .dropdown-toggle.btn-youtube {
*  color: #ffffff;
*  background-color: #ac2b26;
*  border-color: #340308;
*}
*
*.btn-youtube:active,
*.btn-youtube.active,
*.open .dropdown-toggle.btn-youtube {
*  background-image: none;
*}
*
*.btn-youtube.disabled,
*.btn-youtube[disabled],
*fieldset[disabled] .btn-youtube,
*.btn-youtube.disabled:hover,
*.btn-youtube[disabled]:hover,
*fieldset[disabled] .btn-youtube:hover,
*.btn-youtube.disabled:focus,
*.btn-youtube[disabled]:focus,
*fieldset[disabled] .btn-youtube:focus,
*.btn-youtube.disabled:active,
*.btn-youtube[disabled]:active,
*fieldset[disabled] .btn-youtube:active,
*.btn-youtube.disabled.active,
*.btn-youtube[disabled].active,
*fieldset[disabled] .btn-youtube.active {
*
   background-color: #cd332d;
  background-color: #fff; 
  border-color: #fff;
}
*/


.container ul {
     padding: 5px;
}

.refs li{
    padding:    20px;
}

#page {
    max-width: 100%;
}

.post-thumbnail {
/*    width: 35%; */
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.by-line {
	display: none;
}