/*

	Theme Name: Linder Metallbau 2016
	URI: http://lindermetallbau.ch
	Description: An awesome responsive template for Linder Metallbau
	Version: 1.0
	Author: Michael Eugster
	Author URI: http://we-design.ch
	Theme URI: http://we-design.ch
	License: For Linder Metallbau only
	License URI: http://we-design.ch
	Tags: responsive-layout
*/

*{
}

html {
	
}

body {
  padding-top: 70px;
  background-color: #EFEFEF;
}

h1,h2,h3,h4,h5,h6{
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}

h1{
	font-weight: 400;
}

h2,h3,h4{
	font-weight: 300;
}

#everything img{
	display: block;
    max-width: 100%;
    height: auto;
}

a[href^="mailto"]{
    word-break: break-all;
}

.header-bg{
	background-color: #fff;
}

	.header{
		padding: 5px;
	}

.front-bg{
	height: 40vh;
	background-size: cover;
	background-image: url(images/stairs-1618870-k.jpg);
	background-position: center center;
}
	
	.front-cont{
		
	}

.full{
	height: 90vh;
	background-size: cover;
	background-position: center center;
	background-attachment:fixed;
}

.dropdown-menu{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-fixed-top{
	border: none;
}

.navbar-default {
    background-color: #fefefe;
}

.teamwrap:nth-child(2n+1) {
	clear: left;
}

.teammitglied{
	border-bottom: 1px #DDDDDD solid;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.homerow{
	padding-bottom: 15px;
}

.ref-toggle {
	float: left;
	border-color: #000000 !important;
}
	.ref-toggle .icon-bar{
		background-color: #000000 !important;
	}

footer{
	padding: 50px 0px;
	height: 50px;
	color: #6E6E6E;
	font-size: 0.85em;
}



/* GALLERY STYLE */

dt.gallery-icon a img{
	border: none !important;
}

#gallery-2 .gallery-item{
	margin-top: 0px !important;
	padding-right: 2px !important;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
}

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.ref-fix{
			display: none;
		}
		
		.teamwrap:nth-child(2n+1) {
			clear: inherit;
		}	
		.teamwrap:nth-child(3n+1) {
			clear: left;
		}	
		
		.homerow:nth-child(2n+1){
			clear: left;
		}
		
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		
		.front-bg{
			height: 60vh;
		}
	
	}

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
	
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

		
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
	
	
	}

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

        
    }