/*
 Theme Name:   Marble Child
 Theme URI:    http://qkthemes.com
 Description:  Created by <a href="http://qkthemes.com">QKThemes</a>
 Author:       <a href="http://qkthemes.com">QKThemes</a>
 Author URI:   <a href="http://qkthemes.com">QKThemes</a>
 Template:     marble
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  marble-child
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */

/*-------------------------------------------------*/
/* =  Content Styles
/*-------------------------------------------------*/
.content_normal_center {
  background: #ffffff;
  padding: 50px 0 40px;
  text-align: center;
}
.content_normal_center h1, .content_normal_center h2 {
  color: #3a3d41;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 7px;
}
.content_normal_center p {
  font-size: 13px;
  color: #dddddd;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 24px;
  color: #999999;
  font-size: 14px;
}

.content_normal_left {
  background: #ffffff;
  padding: 50px 0 40px 0;
}

/* iPad in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
	.content_normal_left {
		padding: 50px 20px 40px 20px;
	}
}
/* iPhone 5 in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.content_normal_left {
		padding: 50px 20px 40px 20px;
	}
}

/* Samsung Galaxy Tab */
@media (max-device-width: 1280px) and (max-device-width: 800px) { 
	.content_normal_left {
		padding: 50px 20px 40px 20px;
	}
}

.content_normal_left h1, .content_normal_left h2 {
  color: #3a3d41;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 7px;
}
.content_normal_left p {
  font-size: 13px;
  color: #dddddd;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 24px;
  color: #999999;
  font-size: 14px;
}


/** LOGIN UND REGISTRIERUNGS FORMULAR [BEGINN] */
.form-wrapper {
	max-width:500px;
	width:95%;
	margin:0 auto;
	position:relative;
}
#form-id {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#F9F9F9;
	padding:25px;
}
#form-id h3 {
	color: #3a3d41;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 7px;
}
#form-id h4 {
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 24px;
	color: #999999;
	font-size: 18px;
}
#form-id label span {
	cursor:pointer;
	display:block;
	margin:5px 0;
	font-weight:900;
	color: #999999;
}
#form-id div label {
	width: 100%;
}
#form-id input[type="text"],
#form-id input[type="email"],
#form-id input[type="password"],
#form-id input[type="tel"],
#form-id input[type="url"],
#form-id input[type="number"],
#form-id textarea {
	width: 100%;	
	color: #999999;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#form-id input[type="text"]:hover,
#form-id input[type="email"]:hover,
#form-id input[type="password"]:hover,
#form-id input[type="tel"]:hover,
#form-id input[type="url"]:hover,
#form-id input[type="number"]:hover,
#form-id textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#form-id fieldset { 
	padding: 10px;
	border: 1px solid #999999; 
	border-radius: 6px; 

} 
#form-id textarea {
	height:100px;
	max-width:100%;
}
#form-id button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background-image:linear-gradient(bottom, #333333 0%, #666666 52%);
	background-image:-moz-linear-gradient(bottom, #333333 0%, #666666 52%);
	background-image:-webkit-linear-gradient(bottom, #333333 0%, #666666 52%);
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#form-id button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #666666 0%, #999999 52%);
	background-image:-moz-linear-gradient(bottom, #666666 0%, #999999 52%);
	background-image:-webkit-linear-gradient(bottom, #666666 0%, #999999 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#form-id button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}

.link-button {
	cursor:pointer;
	width:100%;
	border:none;
	background-image:linear-gradient(bottom, #333333 0%, #666666 52%);
	background-image:-moz-linear-gradient(bottom, #333333 0%, #666666 52%);
	background-image:-webkit-linear-gradient(bottom, #333333 0%, #666666 52%);
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
	color: #ffffff;
	text-align: center;
	text-shadow: none;
	text-decoration: none;
}
.link-button:hover {
	background-image:linear-gradient(bottom, #666666 0%, #999999 52%);
	background-image:-moz-linear-gradient(bottom, #666666 0%, #999999 52%);
	background-image:-webkit-linear-gradient(bottom, #666666 0%, #999999 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	text-decoration: none;
}
.link-button:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}

#form-id input:focus,
#form-id textarea:focus {
	outline:0;
	border:1px solid #999;
}
#form-id legend {
	font-size: 14px;
	border: none;
}

::-webkit-input-placeholder {
    color:#ccc;
    font-weight: normal;
}
:-moz-placeholder {
    color:#ccc;
    font-weight: normal;
}
::-moz-placeholder {
    color:#ccc;
    font-weight: normal;
}
:-ms-input-placeholder {
    color:#ccc;
    font-weight: normal;
}

.success, .warning, .errormsgbox, .validation {
	border: 1px solid;
	margin: 0 auto;
	padding:10px 5px 10px 60px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight:bold;
	width:450px;    
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('02-account/images/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('02-account/images/warning.png');
}
.errormsgbox {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('02-account/images/error.png');
}
.validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('02-account/images/error.png');
}
/** LOGIN UND REGISTRIERUNGS FORMULAR [END] */

/** Hintergrundbilder [BEGINN] */
.services-section .services-box {
  background: url('uploads/banners/back.jpg');
}
.statistic-section {
  background: url('uploads/banners/back.jpg');
}
.features-section {	
  background: url('uploads/banners/back2.jpg');
}

.services-page-banner {
  background: url('uploads/banners/banner2.jpg');
}
.contact-page-banner {
  background: url('uploads/banners/banner2.jpg');
}
.testimonial-page-banner {
  background: url('uploads/banners/banner2.jpg');
}
.shortcodes-page-banner {
  background: url('uploads/banners/banner2.jpg');
}

.download-section {
  background: url('uploads/banners/download-bg-1920x156.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  padding: 50px 0 40px;
}
/** Hintergrundbilder [END] */