/*
 Theme Name:     bltheme
 Theme URI:      http://www.druckerei-bl.live/
 Description:    Custom Theme
 Author:         fullon
 Author URI:     http://www.fullon.eu
 Version:        1.0.0
 Text Domain:	 bltheme
*/


@font-face {
    font-family: "BigNoodleTitling";
    src: url("//druckerei-bl.live/wp-content/themes/bltheme/fonts/BigNoodleTitling.ttf") format("truetype");
}

body{
    font-family: 'BigNoodleTitling', 'serif';
    background-color: #ffffff;
    font-size: 12px;
}

h2 > a,
h2 > a:hover,
h2 > a:active,
h2 > a:visited,
h2 > a:focus{
    color:#ffffff;
}


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

.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #555;
    background-color: #ffffff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #ffffff;
}

 .navbar-static-top {
            margin-bottom: 0px;
}

.navbar-brand{height:80px;}

.nav.navbar-nav{
    padding-top:15px;
}



#navbar a{
    color:#1A171B;
    font-size: 18px;
}



.fo-slide{
	padding-top: 30px;
}

.fo-slide, article{
    background-color: #D0D0D0;
}

.fo-footer .fa{color: #D0D0D0;}


.fo-coworkercontainer{
    background-color: #ffffff;
    padding:10px;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .dropdown-menu{
        min-width: 450px;
        border:none;
        box-shadow: none;
        top:50px;
    }
    .navbar-brand{height:120px;}
    .dropdown-menu > li > a {
        padding: 3px 0 0 0;
        margin: 0 20px 3px 10px;
    }
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #555;
    background-color: #ffffff;
    }
    #navbar a:hover{
    border-bottom: 2px solid #1A171B;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 3px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0px;
    padding-right: 0px;
}
}


        img.logo{max-width:200px;}
        .fo-historycontainer,
        .fo-header-produkte-detail ,
        .fo-header-leistungen-detail{
            min-height: 60vh;
            overflow-y: hidden;  
            background-position: center;
            background-size: cover;
            position: relative;
        }
        .fo-historycontainer{
             height: 100vh;
        }
        #bg1{
            background-image: url(img/_DSC2995.jpg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%;
        }
         #bg2{
            background-image: url(img/_DSC4601.jpg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%;
        }
         #bg3{
            background-image: url(img/_DSC3215.jpg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%;
        }

        .elastic-video {

        position: relative;

        padding-bottom: 55%;

        padding-top: 15px;

        height: 0;

        overflow: hidden;

    }

    .elastic-video iframe {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

    }


    .fo-historyheadline{
        color:#ffffff;
        text-align: center;
        font-weight: bold;
        line-height: 50vh;
    }

    @media (min-width: 992px) {
        .fo-historyheadline{
            text-align: right;
            line-height: 100vh;
        }
    }

    .fo-historyheadline > h2{
        font-size: 150px;
        padding:0;
        margin:0;
        vertical-align: middle;
        display: inline-block;
        line-height: 150px;
    }

    .fo-historycontent{
            color:#ffffff;
            font-size: 30px;
            text-align: center;
            line-height: 50vh;
            padding-right: 0px;
        }
        .fo-historycontent > div{
            padding:0;
            margin:0;
            vertical-align: middle;
            display: inline-block;
            line-height: 55px;
        }    
    
    @media (min-width: 992px) {    
        .fo-historycontent{
            color:#ffffff;
            font-size: 50px;
            text-align: left;
            line-height: 100vh;
            padding-right: 30px;
        }
        .fo-historycontent > div{
            padding:0;
            margin:0;
            vertical-align: middle;
            display: inline-block;
            line-height: 55px;
        }    
    }
    .fo-historynext{
        background-color: #1A171B;
        text-align: center;
        padding: 20px 0;
        color: #ffffff;
        font-size: 20px;
    }

    .fo-history-1927{display: none;}
    .fo-page-intro,.fo-page-outro{
        font-size:20px;
        padding:0px 15px 15px 15px;
    }
    .fo-page-intro h1,
    .fo-page-intro h2,
    .fo-page-intro h3,
    .fo-page-intro h4,
    .fo-page-intro h5,
    .fo-page-intro h6,
    .fo-page-outro h1,
    .fo-page-outro h2,
    .fo-page-outro h3,
    .fo-page-outro h4,
    .fo-page-outro h5,
    .fo-page-outro h6{
    	font-size:30px;
    	margin-top: 0px;
    	padding-top: 0px;
    }

    .fo-page-intro p,
    .fo-page-outro p{
        font-family: helvetica,arial,'sans-serif';  
        font-size: 15px;      
    }

    .fo-content-leistungen{font-family: helvetica,arial,'sans-serif';}
    .fo-content-leistungen h3{text-transform: uppercase;}

    .attachment-bl-quadrat{
        height:auto;
        max-width: 100%;
    }


    article{padding-bottom: 10px;}


    .entry-content > :first-child { margin-top: 0 !important; padding-top:0 !important;}

    /*****************************************
	********** LEISTUNGEN / Produke **********
    *****************************************/

    article.type-produkt > .entry-content,
    article.type-kontakt > .entry-content,
    article.type-mitarbeiter > .entry-content,
    article.type-leistung > .entry-content{
    	background-color: #ffffff;
    	padding:10px;

    }

    article.type-page > .entry-content{
        background-color: #D0D0D0;
        padding:50px 10px;

    }
    
@media (min-width: 992px) {
    article.type-produkt > .entry-content{
        min-height:595px;

    }
}

    .fo-fullwidth article.type-page > .entry-content{
        background-color: #D0D0D0;
        padding:0px;

    }

.fo-headline-leistung{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    color: #ffffff;
    text-align: center;
    z-index: 1000;
    margin: 0 auto;
	padding: 0;
}

.fo-headline-produkt{
	text-align: center;
}

h2.fo-headline-produkt > a{
    color: #000000;
    text-decoration: none;
}

h2.fo-headline-produkt > a:hover{
    color: #000000;
    text-decoration: underline;
}

.fo-container-leistung, .fo-header-leistung{
	position: relative;
}

.fo-header-leistung{
	text-align: center;
}

.img-leistung{
	position: relative;

}


.fo-headline-leistung-detail{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    color: #ffffff;
    text-align: center;
    z-index: 1000;
    margin: 0 auto;
	padding: 0;
}

.fo-headline-leistung-detail h1{
	color: #ffffff;
	font-size: 100px;
	margin-bottom: 0;
	padding-bottom: 0;
    text-shadow: 0 0 5px #D3D3D3;
}

.fo-headline-leistung-detail h2{
	color: #000000;
	font-style: italic;
	margin-top: 0;
	padding-top: 0;
	font-size:50px;
}

.fo-content-leistung{
	font-size: 15px;
	padding-top: 10px;
	font-family: helvetica,arial,'sans-serif';
}

.alignright{
	float:right;
}
.alignleft{
    float:left;
    margin:0 10px 10px 0;
}


a.fo-infobox-link,
a:hover.fo-infobox-link,
a:visited.fo-infobox-link,
a:active.fo-infobox-link,
a:focus.fo-infobox-link
{
	color: #000000;
}

.fo-icon-leistung{float:right;}

.fo-infobox-leistung{
	font-size:20px;
	border-top: 1px solid #000000;
}

.fo-infobox-leistung .fa{
	color:#000000;
}

.fo-infobox-leistung > div{
	border-bottom: 1px solid #000000;
}

.fo-content-produkt,.fo-page-outro{
	font-family: helvetica,arial,'sans-serif';
	font-size: 15px;
}

#blvideo{max-width: 100%; height: auto;}

.entry-content p {
 font-family: helvetica,arial,'sans-serif';
    font-size: 15px;   
}

span.wpcf7-list-item { display: block; }


.attachment-full{width: 100%;height: auto;margin-top: -30px;}

a.fo-outro-link{color:#000;text-decoration: underline;}
a:hover.fo-outro-link{color:#000;text-decoration: none;}