/*
Theme Name: mh your project
Theme URI: https://www.mh-yourproject.de
Author: art-connect GmbH
Author URI: https://www.mh-yourproject.de
Description: Theme für https://www.mh-yourproject.de
Version: 1.0
Text Domain: mh your project
*/

html {
    min-height: 100%;
    position: relative;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #fff;
    /* background-repeat: no-repeat; */
    background-position: center top;
    background-attachment: fixed;
    color: #242424;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 300;
    letter-spacing: 0.02em;
}

/* headlines */

h1, h2, h3, h4, h5, h6 {
    padding-bottom: 10px;
}

b, strong {
    font-weight: 400;
}

a {
   opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}


/* Navigation */

.navbar-brand {
    height: 160px;
}

.logo {
    height: auto;
    width: 360px;
}

.navbar {
    border-radius: 0px;
	margin-bottom: 0px;
}

.navbar-default {
    border-color: transparent;
    transition: all 0.6s ease-in-out;
}

.navbar-default {
    background-color: #000000 !important;
    border-color: #000;
}

.navbar-default .navbar-nav > li > a {
    color: #393939;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 3em;
}

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

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #393939;
    background-color: transparent;
}

.collapse {
    transition: all 0.2s ease-in-out;
}

.navbar-nav > li > a {
    padding-top: 21px;
    padding-bottom: 10px;
}

/* links */

a:hover, a:focus {
    color: #6f6f6f;
    text-decoration: underline;
}

a {
   opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   color: #393939;
}

a:hover, a:focus {
    text-decoration: none;
}

a:hover {
   opacity: 0.8;
}

/* remove dotted outlines in firefox */

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

/* wp-images */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption { max-width: 100%; }
.wp-caption img { max-width: 100%; height: auto; }

img {
    max-width: 100%;
    height: auto;
}

.wp-caption-text {
    font-size: 0.8em;
}

#footer {
    padding-top: 30px;
    padding-bottom: 50px;
	background-color: #000;
	color: #fff;
}

#footer a {
	color: #656565;
}

.main {
    padding-top: 10px;
    padding-bottom: 60px;
}

.main-content {
    margin-top: 130px;
}

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

/* iPhone5/5s in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    body {
        padding-top: 130px;    
    }
    .navbar-toggle {
        float: none;
        padding: 9px 10px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-image: none;
        border: none;
        border-radius: 0px;
        width: 100%;
    }
    .navbar-nav > li > a {
        padding-top: 12px;
        padding-bottom: 10px;
    }
    .navbar-default .navbar-nav > li > a {
        line-height: 1em;
    }
}