/*   
Theme Name: eBooker
Theme URI: http://www.endcore.com
Description: Legen — wait for it ... Dary!
Author: endcore Medienagentur
Author URI: http://endcore.com
Version: 1.0
*/

/*
 * BODY, TYPO, STUFF 
 */
body { background:#fff; font-family: 'Open Sans', sans-serif; font-size:16px; }
* { filter: none !important; outline: none !important; }
::selection { text-shadow:none !important; }
::-moz-selection { text-shadow:none !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:600; }
h1, .h1 { font-size:20px; }
h2, .h2 { font-size:18px; }
h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-size:16px; }
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; }
img[class*="wp-image-"] {  background: #fff;  border: 1px solid #ddd;  border-radius: 4px;  max-width: 100%;  padding: 4px; }
.wp-caption-text { font-size:12px; color:#999; padding:4px; font-style:italic; }
@media (max-width: 767px) {
	body { font-size:14px; }
}
.videowrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
#ebook .videowrapper { box-shadow:0 0 0 7px #fff, 0 0 20px rgba(0,0,0,0.8); border-radius:0 0 1px 1px; }
.videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (min-width: 768px) {
	.videowrapper { top: 35%; }
}
@media (max-width: 767px) {
	#ebook .col-sm-5 { height: auto !important; margin-top:30px; }
}

/*
 * SECTIONS
 */
section h2 { margin-top:0; font-size:30px; font-weight:700; }
@media (max-width: 767px) {
	section h2 { font-size:26px; }
}

/*
 * PAGES
 */
.page #wrapper{background:#fff;}
header .brand { color:#333; }

/*
 * SECTIONS: EBOOK
 */
#ebook { padding:30px 0 50px 0; box-shadow:0 0 10px rgba(0,0,0,0.1) inset; }
#ebook h1 { font-size:60px; font-weight:700; text-shadow:0 1px 2px rgba(0,0,0,0.3); }
#ebook h2 { font-size:30px; font-weight:600; text-shadow:0 1px 2px rgba(0,0,0,0.3); margin:0 0 30px 0; font-family: Georgia; }
#ebook ul { list-style:none; padding:0; margin:0 0 30px 10px; }
#ebook ul li { font-size:22px; line-height:35px; text-shadow:0 1px 2px rgba(0,0,0,0.3); }
#ebook ul li:before { content:"\f058"; font-family:'FontAwesome'; margin-right:10px; }
#ebook .btn-read { background-color: rgba(255,255,255,0.1); border:2px solid rgba(255,255,255,0.75); color: #fff; }
#ebook .btn-read:hover, #ebook .btn-read:focus, #ebook .btn-read:active { background-color: rgba(255,255,255,1); }
#ebook .btn-buy { background-color: rgba(255,153,0,0.75); border:2px solid rgba(255,153,0,1); color: #fff; }
#ebook .btn-buy:hover, .btn-buy:focus, .btn-buy:active { background-color: rgba(255,153,0,1); color: #fff; }
#ebook .btn-mail { background-color: rgba(255,153,0,0.75); border:2px solid rgba(255,153,0,1); color: #fff; }
#ebook .btn-mail:hover, .btn-mail:focus, .btn-mail:active { background-color: rgba(255,153,0,1); color: #fff; }

#ebook .disclaimer { color:rgba(255,255,255,0.5); font-size:12px; margin-top:5px; display:block; }

#ebook ::-webkit-input-placeholder { color:#ccc; }
#ebook ::-moz-placeholder { color:#ccc; }
#ebook :-ms-input-placeholder { color:#ccc; }
#ebook input:-moz-placeholder { color:#ccc; }

#ebook .form-control, #ebook .form-control:focus { background:rgba(255,255,255,0.95); border: 2px solid #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }

#ebook .form-inline { display:inline-block; }

#ebook .btn-xl, #ebook .form-control-xl { border-radius: 5px; line-height:1.3em; } 
@media (min-width: 1200px) {
	#ebook .btn-xl {  font-size: 18px; line-height:24px; padding: 10px 26px; margin-right:30px; }
	#ebook .form-control-xl { font-size: 16px; line-height:24px; padding: 10px 26px; margin-right:10px; height:auto; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	#ebook h1 { font-size:50px; }
	#ebook h2 { font-size:26px; }
	#ebook ul li { font-size:18px; line-height:28px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	#ebook h1 { font-size:42px; }
	#ebook h2 { font-size:22px; }
	#ebook ul li { font-size:15px; line-height:24px; }
}

@media (max-width: 767px) {
	#ebook { padding:10px 0 30px 0; }
	#ebook h1 { font-size:35px; }
	#ebook h2 { font-size:18px; }
	#ebook ul li { font-size:14px; }
	#ebook form {  width:100%; }
	#ebook .form-control { width:100%; margin-bottom:10px; }
	#ebook .btn { width:100%; margin-bottom:10px; }
	#ebook .col-sm-5 img.pull-right { float:none!important; margin:30px auto 0 auto; }  
}

#ebook h2, #ebook ul li { opacity:0.9; }


/*
 * SECTIONS: CTA
 */

#cta p { text-shadow:0 1px 0 #000; text-align:center; margin-bottom:0; font-size:24px; line-height:70px; font-weight:600; }

@media (max-width: 767px) {
	#cta p { font-size:20px; line-height:60px; }
}

/*
 * SECTIONS: CONTENTS
 */
#contents { background:#fff; padding:80px 0; }
#contents ol { counter-reset: item; padding:0; margin:30px 0 0 0; position:relative; margin-bottom:30px; }
#contents ol li { display: block; font-size:22px; font-weight:600; line-height:35px; }
#contents ol li:before { content: counter(item) ". "; counter-increment: item; margin-right:5px; font-weight:700; }
#contents .carousel { padding:10px; box-shadow:0 5px 10px #ddd;}  
#contents .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0) 100%); }
#contents .carousel-control.right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 100%); }

@media (max-width: 767px) {
	#contents { padding:40px 0; }
	#contents ol li { font-size:18px; line-height:30px; }
}

/*
 * SECTIONS: PAGES
 */
#pages { background:#fafafa; padding:80px 0; box-shadow:0 2px 0 #f0f0f0 inset; }
#pages ul { list-style:none; padding:0; margin:30px 0 0 0; position:relative; margin-bottom:30px; }
#pages ul li { font-size:22px; font-weight:600; line-height:35px;}
#pages ul li:before { content:"\f00c"; font-family:'FontAwesome'; margin-right:10px; }
#pages .page-img { margin-top:30px; border-color:#eee; border-radius:0; box-shadow:1px 1px 2px #eee; opacity:0.75; transition:all 0.2s linear 0s; position:unset; }
#pages .page-img:hover, #pages .page-img:focus { opacity:1; }
#pages .col-sm-pull-6 .col-xs-6:nth-child(1) .page-img,
#pages .col-sm-pull-6 .col-xs-6:nth-child(2) .page-img { margin-top:0; }  
 
@media (max-width: 767px) {
	#pages { padding:40px 0; }
	#pages ul li { font-size:18px; line-height:30px; }
}

/*
 * SECTIONS: CONTENT
 */
#content { background:#f5f5f5; padding:80px 0; box-shadow:0 2px 0 #ebebeb inset; }
#content .panel-group { margin-bottom:0; }
#content .panel { background-color: #fff; border-radius: 0px; box-shadow: none; margin-bottom: 10px; }
#content .panel-default { border-color: #eee; }
#content .panel-default > .panel-heading { background-color: #fff; border-bottom: 1px solid #f1f1f1; padding:0; }
#content .panel-default > .panel-heading a { display:block; padding:10px; position:relative;}
#content .panel-default > .panel-heading a:hover, #content .panel-default > .panel-heading a:focus { text-decoration:none; background:#fafafa; }
#content .panel-default > .panel-heading a:after { content:"\f068"; font-family:"FontAwesome"; position:absolute; right:10px; color:#ddd; }
#content .panel-default > .panel-heading a.collapsed:after { content:"\f067"; font-family:"FontAwesome"; position:absolute; right:10px; color:#ddd; }
@media (max-width: 767px) {
	#content { padding:40px 0; }
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin-top:0; font-weight:600; }
#content h2, #content .h2 { font-size:16px; }


/*
 * SECTIONS: TESTIMONIALS
 */
#testimonials { background:#f0f0f0; padding:80px 0 50px 0; box-shadow:0 2px 0 #e6e6e6 inset; }
#testimonials blockquote { padding:0; margin:20px 0 30px 0; border:none; }
#testimonials .row:last-of-type .col-sm-4:last-of-type blockquote { margin-bottom:0; }
#testimonials blockquote p { font-size:14px; }
#testimonials blockquote footer { font-size:13px; font-weight:600; }
#testimonials blockquote footer cite { font-style:italic; }
@media (max-width: 767px) {
	#testimonials { padding:40px 0; }
}

/*
 * SOCIAL BAR
 */
.social { list-style:none; padding:0; margin:0; }
.social li { margin-bottom:5px; }
.social li a { background:#ccc; color:#fff; display:inline-block; width:90px; line-height:24px; font-size:12px;}
.social li a:before { font-family:FontAwesome; height:24px; width:24px; line-height:24px; margin-right:5px; display:inline-block; text-align:center; background:rgba(255,255,255,0.2); }
.social li a:hover, .social li a:focus { opacity:0.9; text-decoration:none;}
.social .social-fb a { background:#3B5998; }
.social .social-fb a:before { content:"\f09a"; font-family:FontAwesome }
.social .social-tw a { background:#55acee; }
.social .social-tw a:before { content:"\f099"; font-family:FontAwesome }
.social .social-gp a { background:#dd4b39; }
.social .social-gp a:before { content:"\f0d5"; font-family:FontAwesome }
.social-buttons.affix  { text-align:center; }

@media (min-width: 1390px) {
	.affix-top { position:absolute; left:0; }
	.affix { top:60px; left:0;}
}
@media (max-width: 1389px) {
	.social-buttons { height:50px; max-height:50px;}
	.social-buttons ul li { padding:13px 0; }
	.social-buttons.affix  { background:#fff; width:100%; left:0; top:0; z-index:9; text-align:center; box-shadow:0 0 5px rgba(0,0,0,0.3); transition:box-shadow 0.3s linear 0s; }
	.social-buttons.affix-top { position:relative !important; display:table-block !important; background:#fff; text-align:center; margin-top:-80px; margin-bottom:30px; box-shadow:0 0 5px rgba(0,0,0,0);  }  
	.social-buttons li { display:inline-block; margin-bottom:0; }

	#affix-social-tablet.social-buttons.affix-top { position:relative !important; display:table-block !important; margin-bottom:-50px !important; margin-top:0px!important; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.social-buttons.affix-top { margin-top:-40px; }
	#affix-social-tablet .affix { top:0; }
}
@media (max-width: 767px) {
	.social-buttons.affix-top { margin-top:-40px; }
}
.social-buttons ul li { text-align:left !important; }





/*
 * FOOTER
 */
#footer { padding:15px 0; }
#footer p, #footer ul { margin-bottom:0; font-size:12px; line-height:20px; }
@media (max-width: 767px) {
	#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) { ... }