/* ##################### RESET CSS  ##################### */
/*
Purple #7848d3
Gold #e3d854
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
a:focus {
	outline: 0;
	text-decoration: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration:none;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
a:hover {
	text-decoration:none;
}

::-webkit-input-placeholder {
   opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
   opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity:1;
}

:-ms-input-placeholder {
   opacity:1;
}

img{
	max-width:100%;
}
h1,h2,h3,h6{
	color:#000;
}
h4,h5,p,ul,blockquote{
	color:#777;
}


/* Common CSS */

body{
	padding-top:0px;
}
.no-padding{
	padding:0;
}
.no-margin{
	margin:0;
}

.relative{
	position:relative;
}
.button{
	display:inline-block;
	font-size:18px;
	line-height:50px;
	font-weight:900;
	color:#333;
	background:#e3d854;
	text-transform:uppercase;
	padding:0 30px;
	border:none;
	border-radius:25px;
	text-align:center;
	letter-spacing:0.1em;
	transition:all .5s ease;
}
.button.alt{
	color:#2fca2d;
	background:#fff;
}
.button.sm{
	font-size:13px;
	line-height:40px;
	padding:0 30px;
	border-radius:20px;
}
.button:focus,
.button:hover{
	color:#e3d854;
	background:#000;
}

.alt-bg{
	background:#f5f5f5;
}
.white-bg{
	background:#fff;
}
.overlay{
	background:rgba(0,0,0,.2);
}
.section-head{
	padding:118px 0 38px;
}
.section-head h3{
	padding-bottom:15px;
}
.section-head h3 span{
	color:#2fca2d;
}
.section-head p{
	color:#777;
}



/*.top-bar*/

.top-bar{
	padding:25px 0;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	background:#fff;
	z-index:999;
	overflow-x:hidden;
	border-bottom:1px solid #7848d3;
	-webkit-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.64);
-moz-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.64);
box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.64);
}
.navbar-default {
	background-color: transparent;
}
.navbar {
	position: relative;
	min-height: 40px;
	margin-bottom: 0;
	border: none;
	border-radius:0;
}
.navbar-brand {
	padding: 15px 15px 0;
	height: auto;
}
.navbar-default .navbar-toggle {
	background: #7848d3;
}
.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar {
	background: #fff;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
	transition:all .5s ease;
}
.navbar-default .navbar-toggle:hover {
	background-color: #e3d854;
	border-color: #e3d854;
}


.nav > li > a {
	padding: 3px 0;
	margin:7px 30px;
}
.nav{
	margin-left:-30px;
}
.navbar-default .navbar-nav > li > a {
	color: #777;
	font-weight:300;
	letter-spacing:0.1em;
	font-size:14px;
	text-transform:uppercase;
}
.navbar-default .navbar-nav > li.current > a,
.navbar-default .navbar-nav > li > a:hover {
	color: #7848d3;
	background-color: transparent;
}

.navbar-default .navbar-nav > li > a.line-button{
	font-weight:900;
	color:#7848d3;
	border-bottom:1px solid #7848d3;
}
.navbar-default .navbar-nav > li > a.line-button:hover{
	color:#000;
	border-bottom:1px solid #000;
}


/*.header-section*/

.header-section{
	background:#7848d3;
	padding:15px 0 0px;
}
.header-texts{
	padding:65px 0 50px;
}
.header-texts h1{
	color:#e1e1e1;
}

.header-texts h2{
	color:#000;
	padding:8px 0 20px;
}
.header-texts h5{
	color:#e1e1e1;
	padding-top:20px;
	padding-bottom:34px;
	text-transform:uppercase;
}
.header-texts p.postage {
	color:#e1e1e1;
	font-size:12px;
	padding-left:30px;
	padding-top:5px;

	font-weight: lighter;
}
.header-note{
	display:block;
	font-size:14px;
	color:#777;
	padding-top:36px;
}
span.header-note{
	color:#c1c1c1;
}
.header-mockup{
	padding:0px;
}



/*.author-section*/

.author-section{
	padding:80px 0 0;
}
.author-image{
	margin:0 -30px;
}
.author-image img{
	width:100%;
}

.author-texts{
	padding:60px 0 30px;
}
.author-texts h4{
	color:#7848d3;
	padding-bottom:7px;
}
.author-texts h4 span{
	color:#7848d3;
}
.author-texts .author-profession{
	color:#777;
	font-size:14px;
}

.author-quote{
	/*background:#e0ffe0;
	padding:38px 40px 45px;*/
}
.author-quote p {
	padding-bottom:15px;
}
.author-quote blockquote{
	padding-top: 25px;
	padding-bottom:20px;
}


/*.writings-section*/

.writings-section{
	padding-bottom:100px;
}
.single-writing{
	background:#fff;
	padding:38px 35px 50px 40px;
	margin-bottom:30px;
}
.single-writing p {
	padding-bottom:15px;
	font-size:80%;
}
.single-writing h5 {
	padding-bottom:15px;
	font-weight: 700;
	color:#7848d3;
}

.writingbtn {
	text-align: center;
	padding-top:50px;
}

/*.about-section*/

.about-section{
	padding:75px 0;
		background:#f5f5f5;
}
.about-section .overlay{
	padding:75px 0 75px;
}
.about-section h3{
	color:#7848d3;
	padding-bottom:25px;
}
.about-section .row {
	margin:0 auto;
	width:85%;
	text-align: center;
}
.about-section p {margin-bottom:25px;}

.about-section .button {margin-top:50px;}

.about-section p.sign {
	margin-top:25px;
	font-size: 24px;
	font-family: 'Dancing Script', cursive;
}
span.isbn {padding-top:25px; font-size: 12px;width:80%;}

.about-section p.postage {
	padding-bottom:25px;
}
/*.contact-section*/

.contact-section{
	padding:130px 0;
	text-align: center;
}
.contact-section h3 {
	margin-bottom:25px;
}

.contact-section a {
	color:#7848d3;
	font-size:80%;
}

.contact-section a:hover {
	color:#333;
	font-size:80%;
}

.contact-section .policy h5 {
	font-size: 12px;
	font-weight:bold;
	color:#333;
	padding-top:25px;
	padding-bottom:5px;
}
.contact-section .policy p {
	font-size: 10px;
	width:80%;
	margin:0 auto;

}
/*.footer-section*/

.footer-section{
	background:#333;
	padding:35px 0;
	text-align: center;
}
.copyright-text{
	color:#e1e1e1;
	line-height:50px;
	padding:15px 0;
	display:block;
}
.copyright-text a{
	color:#e1e1e1;
	font-size: 80%;
}
.copyright-text a:hover{
	color:#fff;
}
.footer-logo{
	padding:15px 0;
	display:block;
}
.footer-links{
	padding:15px 0;
}
.footer-links li{
	display:inline-block;
	margin-left:30px;
}
.footer-links li a{
	display:inline-block;
	color:#777;
	line-height:50px;
}
.footer-links li a:hover{
	display:inline-block;
	color:#2fca2d;
}


}


/*Custom Media Query CSS*/

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.tab-center{
		text-align:center;
	}
	.tab-left{
		text-align:left;
	}
	.footer-links li {
		display: inline-block;
		margin-left: 10px;
	}
	.author-image{
		margin: 0;
	}

 .header-texts h1 {
	 font-size: 32px;

 }

 .mobile-left{
 	text-align:left;
 }
 .header-mockup img {
  width:100px;
 }


}

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

	.mobile-center{
		text-align:center;
	}
		h1, .h1-like{
		font-size:40px;
	}
	h2, .h2-like{
		font-size:35px;
	}
	h3, .h3-like{
		font-size:28px;
	}
	h4, .h4-like{
		font-size:24px;
	}
	p.lead{
		font-size:18px;
	}
	.section-head{
		padding:78px 0 28px;
	}
	.header-texts{
		padding:25px 0 40px;
	}
		.author-image{
		margin: 0;
	}
		.footer-links li {
		margin: 0 10px;
	}


.contact-section h3 {
	font-size:24px;
}


}

h5 a {color:#fff; text-transform: none;}
h5 a:hover {color:#e1e1e1;}
h5 a span {text-decoration: underline;}
h5 a:hover span {text-decoration: none;}
.orderinfo a {color:#333;}
.orderinfo a:hover {color:#666;text-decoration:underline;}
.writingbtn p.postage {padding-bottom:25px;}