@charset "utf-8";
/*
Theme Name: Lisa Brackmann Template
Theme URI: http://lisabrackmann.com/
Description: Custom theme for LisaBrackmann.com.
Version: 2.0
Author: Nocean
Author URI: http://ncoean.ca/
*/

html {box-sizing: border-box;margin:0;padding:0;}
*, *:before, *:after {box-sizing: inherit;}

body {font: 1em/1.5 'Noto Sans', sans-serif;text-align:center;background:#000 url(images/body-bg.jpg) no-repeat top center;color:#fff;margin:0;padding:0;}
a:link, a:visited {color:#fff;text-decoration:none;font-weight:bold;}
a:hover, a:active {color:#ff0001;text-decoration:none;}
a img {border:0;}
h1,h2, h3, h4 {font-family: 'Raleway', sans-serif;}
h1, h2 {margin:20px 0;}
h3,h4 {margin:10px 0;}
h1 {font-size:2.2em;}}
h2 {font-size:1.8em;}}
h3 {font-size:1.3em;}
h4 {font-size:1.1em;}
hr {border:0;color:#330000;background-color:#330000;height:1px;margin:10px 0px;}

p {padding: 0 0 20px;margin:0;}
ul {list-style-position:outside;margin:5px 0 5px 40px; list-style-type:disc;padding:0;}
ol {list-style-position:outside;margin:5px 0 5px 40px; list-style-type:decimal;padding:0;}
fieldset {border:none;}
blockquote {color:#fff;border-top:1px dotted #660000;border-bottom:1px dotted #660000;padding:5px 10px;background:#210000;font-size:1.1em;}
blockquote strong {font-size:.8em;display:block;text-align:right;}

#wrap {max-width:960px;margin:0 auto;padding:0;text-align:left;font-size: 0.9em;}

/****** Header ******/
#header {float:left; width:100%;}
#header .header__logo {display:block;float:left;width:250px;max-width:80%;height:50px;margin-top:10px;vertical-align: middle;}
#header .logo__image {display: inline-block;max-width:100%;}
#header #header-right {float:right;width:400px;text-align:right;}
/* #header #header-right a {font-size:18px;background:url(images/star01.png) no-repeat center left;padding-left:22px;} */
#header #header-right .social-icons {text-align:right;}

#header .mobile-menu-toggle {display: none;}

/* Main Nav */
.primary-navigation .menu {list-style-type:none;margin:0px;padding:15px 2% 0px;font-size:.9em;clear:both;float:left;width:100%;}
.primary-navigation .menu .menu-item {list-style-type:none;margin:0px;padding:0px;display:block;position: relative;float:left;}
.primary-navigation .menu .menu-item:after {box-shadow: 0 -3px 6px rgba(0,0,0,0.3) inset;content: '';position: absolute;bottom: 0;height: 25px;width: 100%;left: 0;}
.primary-navigation .menu .menu-item:hover:after {display: none;}
.primary-navigation .menu .menu-item a {color: #000;text-transform: uppercase;background-color: #fff;border-radius: 8px 8px 0 0;padding: 0px 20px;height: 25px;line-height: 25px;width: auto;position: relative;text-decoration: none;display: inline-block;margin: 0 10px;}
.primary-navigation .menu .menu-item a:before, .primary-navigation .menu .menu-item a:after {content:'';position: absolute;}
.primary-navigation .menu .menu-item a:before {width: 0;height: 0;border-style: solid;border-width: 0 0 21px 10px;border-color: transparent transparent #fff transparent;bottom: 0;left: -9px;}
.primary-navigation .menu .menu-item a:after {width: 0;height: 0;border-style: solid;border-width: 21px 0 0 10px;border-color: transparent transparent transparent #fff;bottom: 0;right: -9px;}
.primary-navigation .menu .menu-item a:hover, .primary-navigation .menu .menu-item.current-menu-item a {background-color: #e71e24;color: white;}
.primary-navigation .menu .menu-item a:hover:before, .primary-navigation .menu .menu-item.current-menu-item a:before {border-color: transparent transparent #e71e24 transparent;}
.primary-navigation .menu .menu-item a:hover:after, .primary-navigation .menu .menu-item.current-menu-item a:after {border-color: transparent transparent transparent #e71e24;}

.primary-navigation .menu .highlight-tab {float:right;}
.primary-navigation .menu .highlight-tab a {background-color: #ece7c2;}
.primary-navigation .menu .highlight-tab a:before {border-color: transparent transparent #ece7c2 transparent;}
.primary-navigation .menu .highlight-tab a:after {border-color: transparent transparent transparent #ece7c2;}

.primary-navigation__close { display: none; }

.primary-navigation__social-icons {display: none;}

/****** Main ******/
#main {float:left;clear:both;padding:1px 1px 10px;color:#ffe8cd;width: 100%;}

body#ishome #main {margin-bottom:0px;}

	/* Above Content */
	#above-cont {min-height:280px;margin-bottom:0;float:left;width:100%;padding:40px;}
	#above-cont a:hover, #above-cont a:active {color:#fff;text-decoration:underline;}
	#above-cont-l {float:left;min-height:299px;width:100%;}

	#above-cont-l .single-book__cover-image {width:36%;float:left;border:1px solid rgba(255,255,255,0.8);box-shadow:0 0 10px rgba(0,0,0,0.5);}
	#above-cont-l .single-book__summary {margin-left: 40%;}
	#above-cont-l h2 {border-bottom:1px solid #ff0001;padding:0 0 10px;margin:0px 0px 10px;}
	#above-cont h2 a:hover, #above-cont h2 a:active {color:#ff0001;text-decoration:none;}
	#above-cont-l .icon-info {text-transform:uppercase;width:160px;clear:right;float:right;display:block;background:url(images/icon-info.png) no-repeat center left;line-height:20px;padding:2px 0px 2px 25px;}
	#above-cont-l .icon-buy {text-transform:uppercase;width:160px;clear:right;float:right;display:block;background:url(images/icon-arrow.png) no-repeat center left;line-height:20px;padding:2px 0px 2px 25px;}
	#above-cont-l .icon-sample {text-transform:uppercase;width:160px;clear:right;float:right;display:block;background:url(images/icon-sample.png) no-repeat center left;line-height:20px;padding:2px 0px 2px 25px;}
	#above-cont-l .icon-comment a {text-transform:uppercase;width:160px;clear:right;float:right;display:block;background:url(images/icon-comment.png) no-repeat center left;line-height:20px;padding:2px 0px 2px 25px;}
	
	#above-cont-r {float:left;width:25%;padding:0 0 0 40px;}
	#above-cont-r .fp-top-box {display:block;height:60px;width:270px;padding-left:70px;margin:0 auto 5px;font-size:1em;text-align:center;}
	#above-cont-r .icon-twitter {background:url(images/icon-twitter.png) no-repeat center left;}
	#above-cont-r .icon-facebook {background:url(images/icon-facebook.png) no-repeat center left;}
	#above-cont-r .icon-news {background:url(images/icon-email.png) no-repeat center left;}
	#above-cont-r .fp-top-box span {display:block;width:200px;height:60px;line-height:60px;background-color:rgba(0,0,0,0.3);border:1px solid white;}

		.book-top-widget-area .widget-container {margin-bottom:20px;border-bottom: 1px solid white;padding-bottom: 20px;}
		.book-top-widget-area .widget-container:last-child {margin-bottom: 0;border-bottom: 0; padding-bottom: 0;}
		.book-top-widget-area .widget-title {text-align: center;text-transform: uppercase;margin: 0 0 10px;}

	#mid-content-band {clear:both;background:#111;border-top:1px solid #212121;border-bottom:1px solid #212121;margin:0 0 40px;}
	#mid-content-band ul {margin:20px 0 15px;list-style-type:none;padding:0px;text-align:center;}
	#mid-content-band ul li {list-style-type:none;margin:0 0 5px;padding:0;display:inline-block;}
	#mid-content-band ul li a:link, #mid-content-band ul li a:visited {display:inline-block;padding:10px 10px;margin:0px 5px;border:1px solid #FF0001;border-radius:5px;background:#aa0000;}
		
	/* White Box */
	#white-box-wrap {width:100%;margin:0px auto;float:left;color:#222;font-size:.9em;}
	.white-box {min-height:300px;width:25%;border-left:1px solid #fff;border-right:1px solid #aaa;background:#eee;float:left;}
	.white-box-in {padding:10px;}
	.white-box a {color: black;}
	.white-box a:hover {color: #ff0001;}
	.white-box h3 {margin-bottom:20px;}
	.white-box h3 a:link, .white-box h3 a:visited, .white-box h3 span {display:inline;background:#222;color:#fff;padding:3px 8px;text-transform:uppercase;font-size:1.1em;font-weight:normal;}
	.white-box h3 a:hover, .white-box h3 a:active {background:#ff0001;}
	.white-box h4 a:link, .white-box h4 a:visited {color:#222;padding:20px 0px 0px;}
	.white-box p {color:#666;font-size:.95em;line-height:1.2em;}
	.white-box ul {margin:0px;padding:0px;list-style-type:none;}
	.white-box li {list-style-type:none;}
	.white-box li a:link, .white-box li a:visited {display:block;border-bottom:1px solid #ccc;padding:2px 5px;color:#222;}
	.white-box li a:hover, .white-box li a:active {color:#fff;background:#ff0001;}
	.white-box-photo {text-align:center;}
	.white-box-photo a {}
	.white-box-photo img {border:1px solid #ff0001;margin:0px auto;}
	
	
/****** Content ******/
.page-title {margin: 0 0 20px;}
#content {clear:both;padding:20px;width:700px;float:left;}
#content.hasteaser {padding-top:0px;}
#content h3 {font-weight:bold;color:#fff;}

.dateline {color:#fff;font-size:.8em;text-transform:uppercase;text-align:right;margin-bottom:10px;}
.postmetadata {padding-top:40px;clear:both;}


.archive #content .post, .blog #content .post {border-bottom:1px solid #330000;padding-bottom:40px;margin-bottom:40px;}

.post-summary-item.has-post-thumbnail {float:left;width:100%;clear:both;}
.post-summary-item.has-post-thumbnail .wp-post-image {width: 160px;float:right;}
.post-summary-item.has-post-thumbnail .post-summary-content {margin-right: 170px;}
.post-summary-item h2 {font-size:1.4em;margin-bottom:10px;}
.post-summary-item .dateline {margin-bottom: 10px;text-align: left;color: #999;}
.post-summary-item .postmetadata {clear:both;}
.post-summary-item .comments-link a {font-size:.8em;font-weight:normal;}

#above-cont-l .post-summary-item.has-post-thumbnail .wp-post-image {float:left;}
#above-cont-l .post-summary-item.has-post-thumbnail .post-summary-content {margin: 0 0 0 170px;}

	/* Book Grid */
	.book-grid {margin-top: 40px;}
	.book-grid-item {width:48%;margin-bottom: 4%;float:left;}
	.book-grid-item:nth-child(odd) {clear:left;margin-right:4%;}
	.book-grid-item .book-grid-item__cover {text-align:center;}
	.book-grid-item h4 {margin-top:20px;font-size:1.3em;}

/****** Sidebar ******/
#sidebar {width:250px;float:right;border-left:1px solid #660000;margin:0;}
#sidebar .sidebar_widget {padding:0px 10px 20px;}
#sidebar h3 {text-transform:uppercase;font-size:1.1em;}
#sidebar ul {margin:0px;padding:0px;list-style-type:none;}
#sidebar li {list-style-type:none;}
#sidebar li a:link, #sidebar li a:visited {display:block;border-bottom:1px solid #330000;padding:2px 5px;}
#sidebar li a:hover, #sidebar li a:active {color:#fff;background:#ff0001;}

#sidebar .uk-books-block {padding:10px;background:#000;border:1px solid #330000;}
#sidebar .uk-books-block img {float:left;margin:0 5px 5px 0;margin-top:5px;}

	/*Calendar*/
	#sidebar #events-calendar {}
	#sidebar #wp-calendar caption {background-color:#990000;border:none;}
	#sidebar #wp-calendar th {background-color:#660000;}
	#sidebar #wp-calendar td {background-color:#330000;border-color:#000;}
	#sidebar #wp-calendar td.padday {background:#330000;}
	#sidebar #wp-calendar tbody td span {display:block;}
	#sidebar #wp-calendar #todayWidget {-moz-border-radius-bottomleft:0;-moz-border-radius-topright:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomright:0;background:#440000;border:1px solid #000 !important;display:table-cell;}
	div#tooltip {text-align:left;background:#660000;color:#ffe8cd;padding:0px;}
	div#tooltip .EC-tt-widget-day-event {list-style-type:none;padding:0px;margin:0px;}
	div#tooltip .EC-tt-widget-day-event-title {background:#990000;color:#fff;display:block;margin:0px;padding:2px 5px;}
	div#tooltip .EC-tt-widget-day-event-detail {background:#660000;display:block;margin:0px;padding:2px 5px;color:#ffe8cd;}
	div#tooltip .EC-tt-widget-clickdate {color:#fff;font-weight:bold;background:#000;display:block;text-align:center;padding:2px 5px;}

/* Instagram Widget */
.instagram-pics.instagram-size-thumbnail li {width:50%;float:left;}
.instagram-pics.instagram-size-thumbnail li a {padding:0;border:1px solid black !important;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.instagram-pics.instagram-size-thumbnail li a:hover {border-color:white !important;opacity:0.6;}

/****** Social Icons ******/
.social-icons {width: 100%;clear: both;text-align:center;}

.social-icons__link:link, .social-icons__link:visited {
	display: inline-block;
	font-size: 2.5rem;
	margin: 0 10px 0 0;
	transition: all 300ms ease-in-out;
	color: white;
}
.social-icons__link:hover, .social-icons__link:active {color: #ff0001;}
.social-icons__link:last-child {margin:0;}

/****** Footer ******/
#footer {font-size:.8em;text-align:center;color:#ccc;padding:30px 0px;clear:both;}
#footer a:link, #footer a:visited {color:#fff;}
#footer a:hover,#footer a:active {color:#ff0001;}
#footer a.dbd:link, #footer a.dbd:visited {color:#aaa;font-weight:normal;}
#footer a.dbd:hover, #footer a.dbd:active {color:#fff;}


/****** Comments ******/
#commentarea {padding:10px;margin-top:20px;border-top:3px solid #330000;text-decoration:none;}
#commentarea ul, #commentarea ol {list-style-type:none;margin:0;}
.commentlist {list-style-type:none;margin:0;}
.commentlist li.comment {padding:10px;}
.commentlist li, #commentform input {font-size: 0.9em;}
.commentlist li.depth-1 {border: 1px solid #222;background-color: #111;margin:0px 0px 10px 0px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .vcard {height:34px;line-height:34px;background:#222;color:#fff;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;font-weight:normal;}
.commentlist li .avatar {margin:0px 5px 0px 0px;border: 1px solid #ccc;float:left;}
.commentlist cite {font-style:normal;}
.commentlist cite a:link, .commentlist cite a:visited  {font-weight:bold;color:#fff;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;clear:left;}
.commentmetadata {font-weight: normal;color:#999;font-size:.8em;text-align:right;}
#commentarea .commentmetadata a:link, #commentarea .commentmetadata a:visited {color:#666;}
#commentarea .commentmetadata a:hover, #commentarea .commentmetadata a:active {color:#fff;}

#commentarea .children {border: 1px solid #660000;background-color: #220000;padding-top: 4px;margin: 10px 10px 10px 20px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#commentarea .children .children {margin-left:10px;}
#commentarea .reply {text-align:right;}
#commentarea .reply a:link, #commentarea .reply a:visited {padding:3px;border: 1px solid #cbdbfa;background-color: #E5ECF9;margin:0px;-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;font-size:.8em;color:#666;}
#commentarea .reply a:hover, #commentarea .reply a:active {border-color:#ff0001;color:#fff;background:#660000;}

#commentform #respond {padding-top:20px;clear:both;}
#commentform label {color:#666;font-size:1.3em;}
#commentform #author, #commentform #email, #commentform #url {padding:5px;width:300px;border:1px solid #ccc;font-size:1em;color:#666;}
#commentform textarea {border:1px solid #ccc;padding:5px;width:98%;color:#666;}
#commentform #author:focus, #commentform #email:focus, #commentform #url:focus, #commentform textarea:focus {border:1px solid #ff0001;color:#222}
#commentform #submit {padding:3px;border: 1px solid #cbdbfa;background-color: #E5ECF9;margin:0px;-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;font-size:.8em;color:#666;}
#commentform #submit:hover {cursor:pointer;border-color:#ff0001;color:#fff;background:#660000;}

/****** Images ******/
img {max-width:100%;height:auto;}
.aligncenter, .alignright, .alignleft {max-width:100%; height:auto;display:block;border:1px solid rgba(255,255,255,0.8);box-shadow:0 0 10px rgba(0,0,0,0.5);}
.aligncenter {margin: 0 auto;}
.alignright {float:right; margin: 0 0 10px 10px;}
.alignleft {float: left; margin: 0 10px 10px 0;}

#content .gallery {margin:20px 0px;float:left;width:100%;}
#content .gallery .gallery-item img {border:1px solid #ff0001;padding:0px;margin:18px;float:left;}

/* Captions */
.wp-caption {text-align: center; background-color: #333;padding: 0px;max-width:100%;color:#999;}
.wp-caption.aligncenter {margin-bottom: 20px;}

.wp-caption img {margin: 0;padding: 0;border: 0 none;max-width:100%;height:auto;width:100%;}

.wp-caption p.wp-caption-text {font-size: 14px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/* Calendar */
#wp-calendar {width:100%;}
#wp-calendar tbody a:link, #wp-calendar tbody a:visited {background:#ff0001;color:#fff;padding:1px;}
#wp-calendar tbody a:hover, #wp-calendar tbody a:active {background:#fff;color:#ff0001;}
#wp-calendar #prev {text-align:left;}
#wp-calendar #next {text-align:right;}

/****** Misc Styles ******/
.clear {clear:both;}
.clearfix:after {content: "";display: table;clear: both;}

.hidden {display:none;}
.visually-hidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

.readmore:link, .readmore:visited {float:right;padding:1px 3px;border: 1px solid #ff0001;background-color: #ff0001;margin:0px;-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;font-size:.8em;color:#fff;}
.readmore:hover, .readmore:active {background:#222;border-color:#000;}

.page-navigation a:link, .page-navigation a:visited {padding:3px 5px;border: 1px solid #ff0001;background-color: #ff0001;margin:0px;-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;font-size:.8em;color:#fff;margin:0px 5px;}
.page-navigation a:hover, .page-navigation a:active {background:#222;border-color:#000;}

/****** Contact Form ******/
div.wpcf7 {width:80%;margin:0 auto !important;}
.wpcf7 input, .wpcf7 textarea {
	padding: 10px 10px;
	border: 1px solid #000;
	width: 100%;
	border-radius: 3px;
	box-sizing: border-box;
}

.wpcf7 input:focus, .wpcf7 textarea:focus {border-color:#ff0001;}

.wpcf7 .wpcf7-submit {float:right;padding:1px 3px;border: 1px solid #ff0001;background-color: #ff0001;margin:0px;border-radius: 3px;color:#fff;width:auto;text-transform:uppercase;}
.wpcf7 .wpcf7-submit:focus, .wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active {background:#ccc;border-color:#fff;color:#222;cursor:pointer;}

/** Calendar Styles **/
#TB_window {background:#660000;border-color:#ff0000;}
#TB_window .EC_title {text-transform:uppercase;color:#fff;font-weight:bold;background:#990000;}



/** Mobile Styles **/
@media only screen and (max-width: 959px) {
	body {background: black !important; padding: 0 20px;overflow-x: hidden;}
	#header #header-right {display:none;}
	#header .mobile-menu-toggle {display: block;width:40px;height:30px;background:url(images/icon-hamburger-menu.png) no-repeat center center;background-size: 100% 100%;float: right;margin-top:20px;}

	#main {padding: 0 20px;margin: 40px 0;background: #111;}

	#above-cont-l, #above-cont-l.no-teaser-img, #above-cont-r, #content, #sidebar {width:100%;float:none;border:none;padding: 0;margin-top: 20px;}

	#above-cont-l {min-height:none;}
	.single-book__cover-image {margin-bottom: 20px;}

	#sidebar {clear:both;margin:0;padding:20px 0 0;}

	/** Mobile Nav Styles */
	#wrap {
		position: relative;
		transition: all 0.3s;
		right: 0;
	}	
	
	#wrap.primary-nav-is-open {
		right: 420px;
	}

	#wrap.primary-nav-is-open .primary-navigation {
		right: 0;
	}


	.primary-navigation {
		position: fixed;
		top: 0;
		right: -420px;
		left: auto;
		bottom: auto;
		height: 100%;
		width: 400px;
		transition: all 0.3s;
		z-index: 999999;
		overflow: scroll;
		margin:0;
		background: #222;
		max-width: 100%;
		box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5);
		padding:0;
	}

	.primary-navigation .menu {
		float:none;
		margin: 60px 0 0;
		padding: 0;
		background: none;
		height: auto;
	}
		
	.primary-navigation .menu .menu-item {
		float:none;
		margin:0;
		padding:0;
		display: block;
		height:auto;
		line-height:normal;
		background: transparent;
		border-bottom: 1px solid #111;
		border-top: 1px solid #333;
	}

	.primary-navigation .menu .menu-item:last-child {
		border-bottom: 0;
	}

	.primary-navigation .menu .menu-item:first-child {
		border-top: 0;
	}

	.primary-navigation .menu .menu-item:after {display:none;}
	.primary-navigation .menu .menu-item a {text-align: center;font-size:20px;color: #fff;background-color: transparent;border-radius:0;padding:20px;height: auto;line-height: normal;width: 100%;display: block;margin: 0;}
	.primary-navigation .menu .menu-item a:before, .primary-navigation .menu .menu-item a:after {display:none;}
	.primary-navigation .menu .menu-item a:hover {background-color: #e71e24;color: white;}

	.primary-navigation__close {
		display: block;
		height: 40px;
		width: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: white;
		background-color: #ff0001;
		position: absolute;
		top: 10px;
		left:auto;
		right:0;
		cursor: pointer;
		border-radius: $base-border-radius 0 0 $base-border-radius;
	}

	.primary-navigation__close:hover {
		background: #660000;
		color: white;
	}

	.primary-navigation__social-icons {display: block;text-align:center;margin-top: 40px;}


	.white-box {
		width: 100%;
		border: 0;
		border-top:1px solid #fff;
		border-bottom:1px solid #aaa;
		padding: 20px;
		margin: 0;
	}

	.alignright, .alignleft {
		margin: 0 auto 20px;
		float:none;
		max-width: 100%;
	}
}

@media only screen and (max-width: 449px) {
	#above-cont {padding:0;}
	#above-cont-l .single-book__cover-image {width:100%;text-align: center;}
	#above-cont-l .single-book__summary {margin: 20px 0 0;text-align: center;}


	/* Book Grid */
	.book-grid-item {width:100%;margin-bottom: 40px;}
	.book-grid-item:nth-child(odd) {margin-right:0%;}
}