/*
Theme Name: Core
Description: Premium Template for Photography Portfolio
Version: 5.2
Author: Peerapong Pulpipatnan
Author URI: http://themeforest.net/user/peerapong
modified by Marc Eisele, naria12.de
Mamuth.net
*/

@import "css/screen.css";

/* IMAGE DEFINITION */

#imageFlow .diapo {
    border-radius: 18px;
}

#imageFlow .title {
    font-size: 1.3em;
    font-weight: normal;
    tdisplay: none;
    margin-top:-18%;
    color:#FFF;
    font-family: 'GeosansLight';
    tbackground: #000;
    tpadding:10px;
    tmax-width:200px;
    tmargin:-27% auto;
   	topacity: 0.5;
   	tfilter:Alpha(Opacity=50);
}

/* Spiegelung wird von Footer beschnitten! Keine elegante Lösung */
canvas {
    border-radius: 18px;
}

#page_content_wrapper .inner .sidebar_content img {
    height: auto;
    border-radius: 18px;
}

.one_third img {
	max-width:100%;
	margin-bottom:15px;
}

/* TYPO */

.post_wrapper {
	text-align: justify;
}

/* LAYOUT */



/* IMAGES */

.cat_img {
	max-width:440px;
	height:auto;
}

/* IMAGES OVERLAY TITLE */

.effects {
  padding-left: 15px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  max-width: 530px;
  overflow: hidden;
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: -15px;
}
.effects .img:last-child {
  margin-right: 15px;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 530px;
  height: 70px;
  /* border: solid 5px #fff; n*/
  text-align: center;
  color: #fff;
  line-height: 1.5em;
  font-weight: 400;
  font-size: 18px;
  font-family: 'GeosansLight';
  /* border-radius: 30px; */
}

#effect-1 .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-1 .overlay a.expand {
  /* left: 0;
  right: 0; */
  bottom: 30%;
  /* margin: 0 auto -30px auto; */
}
#effect-1 .img.hover .overlay {
  height: 100%;
}



/* NAVIGATION DEFINITION */



/* FOOTER DEFINITION */

.footer-center {
    margin:0 auto;
    height:47px;
    width:125px;
    background:URL(data/mamuth.png) no-repeat;
    padding:0px;
}

.footer-wrapper {
    max-width:1100px;
    margin:0 auto;
    font-size:0.9em;
}

.footer-wrapper a {
    color:#999;
    font-family: GeoSansLight;
}
.footer-wrapper a:hover, a:active, a:focus {
    color:#FFF;
}

.footer-wer {
    float:left;
    width:20%;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    padding:3px;
    margin-top:14px;
}
.footer-wie {
    float:left;
    width:20%;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    padding:3px;
    margin-top:14px;
}
.footer-was {
    float:right;
    width:20%;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    padding:3px;
    margin-top:14px;
}
.footer-wo {
    float:right;
    width:20%;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    padding:3px;
    margin-top:14px;
}

.socialnetwork {
	margin:0px auto;
	padding-top:30px;
}

/* RESPONSIVE */

/* 
#Tablet (Portrait)
================================================== 
*/

@media only screen and (min-width: 768px) and (max-width: 960px) {

}

/*  
#Mobile (Portrait)
================================================== 
*/

@media only screen and (max-width: 767px) {

.logo_wrapper img {
    max-height: 55px;
}

}

/* 
#Mobile (Landscape)
================================================== 
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

}