/*
 Theme Name:   Werkstolz 2017
 Description:  Sydney child theme for Werktstolz 2017
 Author:       Venture Pilot
 Author URI:   http://www.venturepilot.de
 Template:     sydney
 Version:      0.0.5
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* General */
body {
	background-color:#1C1C1C;
}
#content {
	background-color:#FFF;
}


/************************* Header ***************************/
/* Header dark overlay */
.overlay {
	opacity: 0.4;
}
.header-wrap {
}
.header-wrap img {
	margin-bottom: -47px;
}
.site-header {
	background-color:#bdd531;
}
.site-logo {
    max-height: 135px;
}
#mainnav {
	margin-top: 63px;
}
#mainnav ul li a {
	font-weight:600;
}
#mainnav ul li a:hover {
	color:#bdd531;
}

/* floating header */
.float-header .header-wrap img {
	margin-bottom: -31px;
}
.float-header #mainnav {
	margin-top: 63px;
}
.site-header.float-header {
	background-color: rgba(189, 213, 49, 0.8);
}
.menu-oberes-menue-container a:hover {
	color:#443f3f !important;
}

/************************* Footer ***************************/
.footer-links {
	float:right;
}
.site-footer {
}

/************************* Blog ***************************/
span.byline {
	display:none !important;
}
.entry-content {
}

/************************* Kontaktformular ***************************/
.wpcf7-form input {
}
.wpcf7-form textarea {
	width: 50em;
}

/************************* Admin area ***************************/
li#menu-posts-employees {
	display:none;
}

/************************* Aussteller Übersicht ***************************/
.aussteller-infobox-fullwidth {
	width:100%;
}
.aussteller-infobox-fullwidth img {
}
.aussteller-infobox-fullwidth h2 {
	font-size:32px;
}
.post-wrap hr {
	margin:35px 0;
}
.post-wrap hr:last-child {
	display:none;
}
.aussteller-archive-image {
	display: inline-block;
}
.aussteller-archive-meta {
	display: inline-block;
    vertical-align: top;
	margin-left: 30px;
}
.panel-row-style::before {
    content: "";
    display: block;
}
.trenner-bg-image:nth-child(2) {
	background-image: url("http://test.werkstolz-tostedt.de/wp-content/uploads/2017/03/MG_7784-small.jpg");
	height:200px;
}
.trenner-bg-image:nth-child(4) {
	background-image: url("http://test.werkstolz-tostedt.de/wp-content/uploads/2017/03/Werkstolz-Tostedt-Herbstmarkt-2009-08.jpg");
	height:200px;
}
#aussteller-category-page .test-div-1:last-child {
	display:none;
}
.row-aussteller-background {
	padding-top:98px;
	padding-bottom:98px;
}
.row-aussteller-background:first-child {
	padding-top:0px;
}
.row-aussteller-background:last-child {
	padding-bottom:0px;
}
.aussteller-infobox-fullwidth:first-child {
	margin-bottom:30px;
	padding-bottom:30px;
	position:relative;
}

.aussteller-infobox-fullwidth:first-child:after {
  content : "";
  position: absolute;
  left    : 23%;
  bottom  : 0;
  height  : 1px;
  width   : 50%; 
  border-bottom:1px solid #AAA;
}

.row-green {
	background-color:#bdd531;
}
.row-green a {
	color:#FFF;
}

/************************* Aussteller single page ***************************/
.aussteller-bild {
	float:left;
}
.aussteller-meta {
	float: left;
    margin-left: 30px;
    max-width: 49%;
}
.aussteller-meta h1 {
	font-size: 25px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    padding-bottom: 10px;
}
span.aussteller-name {
	margin-bottom: 20px;
	font-weight:bold;
}
span.aussteller-adresse {
}
span.aussteller-telefon {
}
span.aussteller-url {
	margin-top: 20px;
}
span.aussteller-name, span.aussteller-adresse, span.aussteller-telefon, span.aussteller-url, span.aussteller-email {
	display:block;
}
.post-navigation {
    position: inherit;
}

/************************* Startseite ***************************/
.home-title {
	text-align:center;
}
.home-title:after, .home-featured-images:after {
	content:"";
	width:100%;
	height:1px;
	background-color:#EEE;
	margin:35px 0;
	display:block;
}
.home-featured-images {
	text-align:center;
}
.home-featured-aussteller {
}
.home-featured-artikel {
}
.aussteller-home-wrapper span.aussteller-name {
	margin-bottom: 10px;
}
.aussteller-home-wrapper span.aussteller-url {
	margin-top: 10px;
}
.aussteller-home-wrapper .aussteller-wrapper {
    padding: 10px;

}
/*.aussteller-home-wrapper .aussteller-archive-meta {
    display: inline-block;
    margin-left: 30px;
    vertical-align: top;
    width: 230px;
}
.aussteller-home-wrapper .aussteller-archive-image {
    display: inline-block;
    width: 170px;
}*/
.aussteller-home-wrapper {
	cursor:pointer;
}
.home-featured-aussteller h5 {
	text-align:center;
}
.front-bc-heading {
	bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.front h5 {
	background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    position: relative;
    width: 83%;
    z-index: 2
}
.aussteller-home-wrapper .aussteller-archive-image img {
	clip: rect(0px, 482px, 250px, 0px);
    position: absolute;
    top: 0;
}
.aussteller-home-wrapper .aussteller-archive-meta {
    display: inline-block;
    margin-left: 30px;
    margin-top: 17px;
    vertical-align: top;
}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	background-color: #fff;
    box-shadow: 6px 6px 5px 0 rgb(77, 76, 77);
    float: left;
    height: 250px;
    margin-bottom: 35px;
    margin-right: 47px;
    width: 482px;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #cecece 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#cecece 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #ffffff 0%,#cecece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}
.flip-container, .front, .back {
    height: 250px;
    width: 482px;
	
}
/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}
/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

/************************* Page Builder ***************************/
.panel-row-style {
}
.home-text-white h2 span {
	background-color: rgba(204, 204, 204, 0.5);
	color: #FFF !important;
	padding:25px;
}
.home-text-contact {
	background-color: rgba(204, 204, 204, 0.5);
	padding:25px;
	color:#FFF;
	font-weight:bold;
}
.home-text-contact a {
	color:#bdd531 !important;
}
.home-text-contact a:hover {
	color:#443f3f !important;
}