/*
Theme Name: Konzept Child
Theme URI:
Author:
Author URI:
Description: Child theme for Konzept theme.
Template: konzept
Version:
License:
License URI:
Tags:
Text Domain:
*/

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

/*
To remove sliding slideshow titles comment out the function 'thumbnail_mouse_over' in parent's theme: konzept/modules/functions/portfolio.js

Changes log:
in parent's theme [header.php] All Works translated as "Alle Projekte"

*/


a {
  color: #020202;
}

.nav-menu > ul > .current_page_item > a, .nav-menu > ul > .current-menu-item > a, .nav-menu > .current_page_item > a, .nav-menu > .current-menu-item > a, .pf_nav li a.selected {
  color: #020202;
}

.has-featured-slideshow .pf_nav li a, .has-featured-slideshow .nav-menu li a {
color: #fff;
}

.thumbnail-hover {  background: rgba(255, 255, 255, 0.7) }

.page-title, .single .page-title {
font-size: 300%;
word-wrap: normal;
margin-top: 10px;
}

/* jal: hide social media, sharing icons */
.sharing-icons, .blog-comments-icon { display: none; }

/* jal: hides search tool in blog (aktuell) */

.blog .compact-search{display: none;}

/* jal: full width header and footer to align left menu with grid */
.site-header .site-header-inner, .site-footer .inner {
max-width: 1600px;
width: 100%;
}

.site-footer {

}

.site-footer, .site-footer:hover {
background-color: rgba(255,255,255, 0.90);}

.site-footer .footer-fa {
margin-right: 1em;
}


/* Project loading */
.portfolio-loadinghr { background-color: #000; width: 100%;transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); float: left; height: 100%; }


/* jal: Obscures the lateral photos. Class added in themes/konzept/modules/functions/portfolio.js */

.slide_dark:before {
background: url(images/overlay_pattern.png) 0 0 repeat transparent;
  opacity: 0.95;
  content: ".";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  text-indent: -999px;
  animation: fadein .2s;
    -moz-animation: fadein .2s; /* Firefox */
    -webkit-animation: fadein .2s; /* Safari and Chrome */
    -o-animation: fadein .2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
}



.project-slide-current:before {
background: none;  
animation: none; 
 }


.home-link {
vertical-align: top;
}


@media (max-width: 1440px) {
	/* jal: reduce side of titles on full page view to avoid unwanted breaks*/
	.project-title { font-size: 600%; max-width: 1104px; }
	.page-title {font-size: 400%;}
}

@media (max-width: 1750px) {
	/* jal: prevent header and footer from sticking to the left edge on full screen*/
	.logo {margin-left: 0%;}
}

/* Mobile */
@media (max-width: 720px) {
	.logo {text-align: left; margin: 0;}
    .site-header {height: 100px;}
	.site-logo {width: 300px;}
	.site-footer .copyright_notice {font-size:25%;}
	.site-navigation { float: right; width: 30%; margin-top: 0px; }
	.logo {float: left;}
	.site-header:hover {background-color: transparent;}
	.menu-toggle {background: none; padding-left: 0px;}
}

@media (max-width: 450px) {
	.site-logo {width: 185px;}
    .site-header {height: 90px;}
    .site-header .site-header-inner {min-height: 90px;}
}

@media (max-width: 1440px) {
}
@media (max-width: 850px){
}
@media (max-width: 1200px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 720px) {
}
@media (max-width: 480px) {
}
@media (max-width: 400px) {
}
@media (max-width: 300px) {
}
@media (max-width: 950px) {
}
@media (max-width: 1200px) {
}

@media (max-width: 1112px) {
}
@media (max-width: 950px) {
}
@media (max-width: 800px) {
}
@media (max-width: 720px) {
}
@media (max-width: 600px) {
}
@media (max-width: 500px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 782px) {
}