/*   
Theme Name: Isabella Voigt
Theme URI: http://www.isabella-voigt.de
Description: Legen — wait for it ... Dary!
Author: endcore Medienagentur
Author URI: http://endcore.com
Version: 1.0
*/


/*
 * BODY, TYPOGRAPHY, STUFF
 * 
 */
html { position:relative; min-height:100%; }
body { background:#fefbe6; font-family: 'Open Sans', sans-serif; color: #6f6b63; margin-bottom:50px; font-size:16px; }
* { filter: none!important; outline: none!important; }
::selection { color: #fff; background: #d42b00; }
::-moz-selection { color: #fff; background: #d42b00; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; color: #d42b00; }
h1, .h1 { font-size:24px; }
h2, .h2 { font-size:18px; }
h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-size:16px; }
a { color:#d42b00; }
a:hover, a:focus { color:#d42b00; }
b, strong { font-weight:600; }
.alignleft { float: left; margin:0 15px 10px 0; }
.aligncenter { display: block; margin: 0 auto 10px auto; }
.alignright { float: right; margin:0 0 10px 15px; }
.alignnone { float: none; display:block; margin:0 0 10px 0; }
.wp-caption-text { font-size:12px; color:#999; padding:4px; font-style:italic; }
.elastic-video { position: relative; padding-bottom: 55%;padding-top: 15px; height: 0;overflow: hidden;}
.elastic-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#wrapper { background: #fff0d9; background: -moz-linear-gradient(top, #fff0d9 0%, #fefbe6 200px); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff0d9), color-stop(200px,#fefbe6)); background: -webkit-linear-gradient(top, #fff0d9 0%,#fefbe6 200px); background: -o-linear-gradient(top, #fff0d9 0%,#fefbe6 200px); background: -ms-linear-gradient(top, #fff0d9 0%,#fefbe6 200px); background: linear-gradient(to bottom, #fff0d9 0%,#fefbe6 200px); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0d9', endColorstr='#fefbe6',GradientType=0 ); padding-bottom:30px; }
.btn-at { background-color: #e25c53; color: #ffffff; }
.btn-at:hover, .btn-at:focus, .btn-at:active, .btn-at.active, .open .dropdown-toggle.btn-at { background-color: #d42b00; color: #ffffff; }


/*
 * HEADER
 */
#header { background: url('/wp-content/uploads/bg.jpg') no-repeat center top; min-height:630px; }
#header-top { background:rgba(255,255,255,0.95); text-align:center; padding:10px 0; margin-top:10px; }
#header-top .brand { display:inline-block; font-size:28px; transition: all 0.2s linear 0s; text-shadow: 0 -2px 0 transparent; }
#header-top .brand span { font-weight:300; color:#e25c53; }
#header-top .brand strong { font-weight:600; color:#d42b00; }
#header-top .brand:hover, #header-top .brand:focus { text-decoration:none; text-shadow:0 0 5px rgba(212,43,0,0.7); color:#fff !important; }
#header-top hr { border-color:#fcefe4; width:80%; margin:10px auto;}
#navigation .navbar-nav > li > a { font-size:16px; padding-top:10px; padding-bottom:10px; color:#612d20; font-weight:600; line-height:20px; }
#navigation .navbar-nav > li > a:hover,   #navigation .navbar-nav > li > a:focus { color: #d42b00; box-shadow: 0 -3px #d42b00 inset; background:none; }
#navigation .navbar { border:none; border-radius:0; margin:0; min-height:40px;}  
#header-bottom { text-align:center; }
#header-bottom .h1 { background: url('/wp-content/uploads/header-bottom-shine.png') no-repeat center center; background-size: 100% 100%; display: inline-block; margin:100px auto 0 auto !important;  font-size:50px; font-weight: 300; padding:30px;}
#header-top { position:relative;}
#header .navbar-nav {display:inline-block;float:none!important;}

@media (min-width: 768px) {
	#header-top:before {content: "";position: absolute;top: 0;left: -126px;width: 0px;height: 0px;border-bottom: 126px solid rgba(255,255,255,0.95);border-left: 126px solid transparent;}
	#header-top:after {content: "";position: absolute;top: 0;right: -126px;width: 0px;height: 0px;border-top: 126px solid rgba(255,255,255,0.95);border-right: 126px solid transparent;} 
}
@media (max-width: 767px) {
    #header-bottom .h1{font-size:48px;}
	#navigation .navbar-toggle { border-color:#d42b00; }
	#navigation .navbar-toggle .icon-bar { background:#d42b00; }
	#navigation .navbar-brand { opacity:0.5; }
	#navigation .navbar-toggle:hover, #navigation .navbar-toggle:focus { background:#d42b00; border-color:#d42b00; }
	#navigation .navbar-toggle:hover .icon-bar, #navigation .navbar-toggle:focus .icon-bar { background:#fff; }
}

/*
 * CONTENT
 */
#content > hr:first-of-type { opacity:0; margin:30px 0; }  
#boxes .inner { text-align: center; padding:30px; }  
.home h1:first-of-type{display:none;}
.list-timeline { border-left:1px solid #dad1be; margin-left:10px;}
.list-timeline li { line-height:20px; clear:both; margin-bottom:5px;}
.list-timeline li:before { content:"\f111"; font-family:FontAwesome; font-size:11px; float:left; margin-top:1px; margin-right:10px; margin-left:-5px; color:#dad1be; }
.list-white { background:#fff; padding:20px 0; margin:20px 0; box-shadow:0 0 1px rgba(0,0,0,0.1); text-align:center; }
.list-white a { font-weight:600; margin-right:20px; font-size:14px; color:#612d20; padding:5px;}
.list-white a.active { color:#d42b00; }
.list-white a:hover, .list-white a:focus { color: #d42b00; text-decoration:none; box-shadow: 0 -3px #d42b00 inset; }
hr { border-color: rgba(0,0,0,0.075); }
.page-id-70 strong{color:#d42b00;font-weight:bold;}

/*
 * KONTAKT
 */
.form-horizontal .control-label { text-align:left; font-weight:400; }
.form-horizontal .control-label sup { color:#c01313; }
.form-control { border-radius:0; background:#fefdf2; color:#9a9791; border-color:#d3d2d0; }
.form-control:focus { border-color:#c5c3c0; background:#fffefa; color:#6f6b63; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; }
.wpcf7 .ajax-loader {display:none;}
.wpcf7 .screen-reader-response { display:none;}
.wpcf7 .wpcf7-not-valid-tip { position:absolute; bottom:-13px; right:15px; font-size:9px; color:#caa7a7;}
.wpcf7-form-control-wrap.catpcha .wpcf7-not-valid-tip { left: 15px; }
.form-control.wpcf7-not-valid { color:#997b7b; border-color:#c09a9a; background:#fffafa;}
.form-control::-webkit-input-placeholder { color:#aab7b7; }
.form-control::-moz-placeholder { color:#aab7b7; }
.form-control:-ms-input-placeholder { color:#aab7b7; }
.form-control:-moz-placeholder { color:#aab7b7; }
.form-control.wpcf7-not-valid::-webkit-input-placeholder { color:#c09a9a; }
.form-control.wpcf7-not-valid::-moz-placeholder { color:#c09a9a; }
.form-control.wpcf7-not-valid:-ms-input-placeholder { color:#c09a9a; }
.form-control.wpcf7-not-valid:-moz-placeholder { color:#c09a9a; }
.wpcf7-response-output.wpcf7-validation-errors { display:block; margin:40px 0; padding:10px; background:#f8e7e7 !important; color:#c01313; border-left:5px solid #ecb8b8; }
.wpcf7-captchar { max-width:80px} 

/*
 * SIDEBAR
 */
#sidebar .h1 { color:#6f6b63; font-size:18px; }
#sidebar .simple-image{margin-top:30px;text-align:center;}

/*
 * FOOTER
 */
#footer { padding:15px 0; background:#271e18; color:#84776e; font-size:12px; padding:15px 0; position: absolute; bottom:0; width:100%; height:50px; }
#footer p, #footer ul { margin-bottom:0; }
#footer a{color:#84776e;}
#footer a:hover, #footer a:focus{color:#fff;text-decoration:underline;}
@media (max-width: 767px) {
	body { margin-bottom:80px; }
	#footer { text-align: center; min-height:80px; }
	#footer ul { margin: 10px 0 0 0; float:none !important; }
}

/*
 * RESPONSIVE
 */
@media (max-width: 767px) { ... }
@media (min-width: 768px) and (max-width: 991px) { ... }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) { ... }