/*
Theme Name: Anna Bradley
Description: Custom WordPress theme for Anna Bradley
Author: WriterSpace
Version: 1.0
*/
/* -------------css reset----------------*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline; 
}
img{
	vertical-align:top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	border-left:10px #333333 solid;
	padding:10px 0 10px 15px;
	margin:0 0 20px 0;
	font-style:italic;
}
blockquote p {
	padding:0;
	margin:0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,th{
	vertical-align:middle;
}
/*
	Global styles
*/
html {	
background:url(images/bg.jpg) no-repeat center top;
background-size:cover;
background-attachment:fixed;
	height:100%;
	width:100%;
	font-size:100%;
}

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

body{
	
	font-size:1em;
	color:#000;
	line-height:1.5em;
height:100%;
min-width:300px;
font-family:arial, helvetica, sans-serif;
padding:25px 0 0 0;
}

/*---------------------------
 type styles ---------------------------*/
h1, h2, h3, h4 ,h5, h6{
	margin:0;
	padding: 0 0 25px 0;
	line-height:1em;
	font-family:'Arial Narrow', arial, helvetica, sans-serif;
	color:#4b9196;
}
h1{
	font-size:1.8em;
}
h2{
	font-size:1.5em;
}
h3{
	font-size:1.3em;
}
h4{
	font-size:1.2em;
}
h5{
	font-size:1.2em;
}
h6{
	font-size:1.2em;
}

p{
	padding:0 0 20px 0;
}
a {
	text-decoration:none;
	color:#4b9196;
}
a:hover{
	text-decoration:underline;
	color:#6cbcc2;
}
a.read-more {
	background:#4b9196;
	padding:11px 15px;
	color:#fff;
	font-weight:normal;
	font-size:18px;
	cursor:pointer;
}
a.read-more:hover{
	text-decoration:none;
	background:#6cbcc2;
}
.no-link > a{
	cursor:default;
}
b,strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
/* list styles
-------------------------------------*/
ul{
	list-style:disc;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
}
ol{
	list-style:decimal;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
}
ol li,ul li{
	padding: 0 0 20px 0;
}
ul.no-list,ol.no-list{
	list-style:none;
	padding:0;
	margin:0;
}
/* form fields
-------------------------------------*/
input[type=text], input[type=url], input[type=email],input[type=tel],input[type=number], input[type=password], textarea,select {
	padding: 12px;
	border:1px solid #4b9196;
	
	width:100%;
}
input[type="submit"]{
	background:#4b9196;
	border:none;
	padding:11px 15px;
	color:#fff;
	font-weight:normal;
	font-size:18px;
	cursor:pointer;
}
input[type="submit"]:hover{
	background:#6cbcc2;
}

.contact-form ul li{
	padding:0 0 5px 0;
}
.gform_wrapper .top_label .gfield_label {
    margin: 0 !important;
}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password],textarea,select {
outline-style: none;
font-size: 16px;
font-family: inherit;
padding: 8px 2px !important;
letter-spacing: normal;
	border:1px solid #4b9196;
	
}

.gform_wrapper select {
outline-style: none;
font-size: 16px;
font-family: inherit;
padding: 10px 2px;
letter-spacing: normal;
	border:1px solid #999999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.gform_wrapper textarea {
outline-style: none;
font-size: 16px;
font-family: inherit;

letter-spacing: normal;
	border:1px solid #999999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,.error {
background-color: #FFDFE0;
margin-bottom: 6px !important;
padding: 6px 6px 4px 6px !important;
border-top: none;
border-bottom: none;
}
.gform_wrapper .gform_footer {
padding: 15px 0 0 0 !important;
margin: 0 !important;
}
.gform_wrapper span.ginput_product_price {
  color: #369a68;
  font-size:1.5em;
}
/*---------------------------
 image styles---------------------------*/
 img{
 	max-width:100%;
 	height:auto;
}
.alignleft{
	float:left;
	margin:10px 15px 10px 0;
}
.alignright{
	float:right;
	margin:10px 0 15px 10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
/*---------------------------
 clear fix---------------------------*/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/*---------------------------
 structure ---------------------------*/
 
.container{
	position:relative;
	
	margin: 0 auto;
}
.main{
	padding:25px 0;
	background:#fffbf0;
}

.home .main{
	padding:25px 0 0;
}
.content{
	padding:25px;
}
.footer{
	text-align:center;
	background:#2c3146;
	margin:0 0 30px 0;
}
.footer .copyright{
	padding:10px 0;
	color:#fff;
}
.wrap,.container{
	margin:0 auto;
	position:relative;
	width:1200px;
}
/*sidebar*/
.main .left-col{
	float:left;
	width:65%;
	position:relative;
}

#sidebar-contest img{
	width:150px;
	height:auto;
}

.main .right-col{
	float:right;
	width:30%;
	position:relative;
}

/*---------------------------
 header ---------------------------*/
.header{
	position:relative;
	z-index:99999;
	background:rgba(107,115,134,.5);
}

.ws-social-icons {
	display:flex;
	flex-wrap:wrap;
	padding-left:10px;
}

.ws-social-icons .ws-social-icon{
	padding:3px;
}

.ws-social-icons .ws-social-icon a{
	display:inline-block;
	line-height:1em;
}

.ws-social-icons .ws-social-icon img{
	width:35px;
	height:35px;
}


/*---------------------------
footer------------------------------*/
.footer{
	position:relative;
}
.header .logo img{
	display:block;
	margin:0 auto;
	max-width:1100px;
	width:100%;
	height:auto;
}
/*2 column*/
.two-column .left-col{
	float:left;
	width:48%;
}
.two-column .right-col{
	float:right;
	width:48%;
}

/*3 column*/
.three-column .left-col{
	float:left;
	width:31%;
}
.three-column .mid-col{
	float:left;
	width:31%;
	margin:0 3%;
}
.three-column .right-col{
	float:left;
	width:31%;
}
/*4 column*/
.four-column .col1,.four-column .col2,.four-column .col3,.four-column .col4{
	float:left;
	width:25%;
}
.col4inner{
	padding:0 15px 0 0;
}
/* navigation
-------------------------------------*/
.main-menu{
	padding: 0;
	background:#5e6e87;
	display:flex;
	justify-content:center;
	align-items:center;
}
.menu-toggle{
	display:none;
}
.main-navigation {
	margin-top: 0px;
	text-align:left;
}

.main-navigation .nav-menu > ul,.main-navigation ul  {
	border-bottom: none;
	border-top: none;
	display: inline-block;
	text-align: center;
	width: 100%;
	margin: 0;
	text-indent: 0;
	list-style:none;
	padding:0;
}
	
.main-navigation li {
	display:inline-block;
	margin: 0;
	position: relative;
	font-size:100%;
	padding:0;
}
.main-navigation li li{
	float:none;
	margin: 0;
	position: relative;
	padding:0;
}
.main-navigation li a {
	border-bottom: 0;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	display: inline-block;
	line-height:50px;
	padding:0 25px;
}
.main-navigation li a:hover {
	color: #fff;
	text-decoration:none;
	background-color:#39424d;
}
.main-navigation li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	left:0;
	z-index: 1;
}
.main-navigation li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation ul li:hover > ul {
	border-left: 0;
	display: block;
}
.main-navigation li ul li a {
	background: #39424d;
	border-bottom: 1px dotted #8d9cb5;
	display: block;
	line-height: normal;
	padding: 8px 10px;
	width: 180px;
	white-space: normal;
}
.main-navigation li ul li a:hover {
	background: #5e6e87;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color: #fff;
	font-weight: normal;
	background-color:#39424d;
}
/* blog
-------------------------------------*/
h1.entry-title{
	padding:0 0 10px;
	margin:0 0 10px 0;
	border-bottom:1px solid #eeeeee;
}
h1.entry-title a{
	text-decoration:none;
}
.on-by{
	padding:0 0 15px;
	font-size:14px;
}
.on-by span{
	font-weight:700;
}
.widget{
	margin:0 0 25px 0;
	padding:15px;
	background:
	background: #627e4e; /* Old browsers */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5c6a7b+0,313942+33,313942+66,5c6a7b+100 */
background: #5c6a7b; /* Old browsers */
background: -moz-linear-gradient(top,  #5c6a7b 0%, #313942 33%, #313942 66%, #5c6a7b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5c6a7b 0%,#313942 33%,#313942 66%,#5c6a7b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5c6a7b 0%,#313942 33%,#313942 66%,#5c6a7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c6a7b', endColorstr='#5c6a7b',GradientType=0 ); /* IE6-9 */


	color:#fff;
}
.blog article{
	margin:25px
}
h3.widget-title{
	padding:0 0 15px;
	color:#fff;
	text-align:center;
	font-family:'Arial Narrow', arial, helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
.comments-area{
	background:#eeeeee;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	padding:25px;
}
.commentmetadata{
	padding:0 0 10px;
}
.comment-respond{
	background:#fbfbfb;
	padding:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
.social-icons{
	float:right;
	width:150px;
}
.social-icons .ssba div{
	text-align:right !important;
}
.social-icons .ssba div img{
	padding:0 0 0 5px;
}
.ssba div img{
	padding:0 5px 0 0;
}
.excerpt-img{
	float:left;
	width:160px;
	padding:0 10px 10px 0;
}
.excerpt-img img{
	border:5px solid #ffffff;
}
.post-img img{
	width:100%;
	height:auto;
	max-width:624px;
	margin:0 0 25px 0;
}
/* pages

home page
-------------------------------------*/
.home-coming {
	padding:0 0 25px 0;
	display:flex !important;
	flex-wrap:wrap;
	justify-content:space-between;
}

.home-coming .home-coming-img{
	width:35%;
	text-align:right;
}

.home-coming .home-coming-content{
	width:60%;
	padding:0 5% 0 0;
}

.book-coming-month{
	font-size:38px;
	color:#4b9196;
	font-family:'Arial Narrow', arial, helvetica, sans-serif;
	padding:25px 0 20px;
	text-align:center;
	font-weight:normal;
}
.book-coming-series{
	font-style:italic;
	font-size:21px;
	text-align:center;
	color:#4b9196;
}
.book-coming-txt{
	padding:0;
}

.book-coming-link {
	text-align:center;
}
.book-coming-order-now{
	text-align:left;
	padding:0;
	font-size:24px;
	color:#4b9196;
	font-family:'Arial Narrow', arial, helvetica, sans-serif;
}

.sign-up{
	padding:50px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627e4e+0,435e2d+50,1e3a08+100 */
	background: #627e4e; /* Old browsers */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5c6a7b+0,313942+33,313942+66,5c6a7b+100 */
background: #5c6a7b; /* Old browsers */
background: -moz-linear-gradient(top,  #5c6a7b 0%, #313942 33%, #313942 66%, #5c6a7b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5c6a7b 0%,#313942 33%,#313942 66%,#5c6a7b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5c6a7b 0%,#313942 33%,#313942 66%,#5c6a7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c6a7b', endColorstr='#5c6a7b',GradientType=0 ); /* IE6-9 */


	color:#fff;
}
.sign-up-title{
	padding:75px 0 30px;
	color:#fff;
	font-size:46px;
	font-family:'Arial Narrow', arial, helvetica, sans-serif;
}
.sign-up-txt{
	color:#fff;
	font-size:32px;
	line-height:1.2em;
	font-family:'Arial Narrow', arial, helvetica, sans-serif;
	padding:0 25%;
}

.sign-up form{
	margin: 90px 0 0 0;
}
.sign-up form td{
	text-align:left;
	font-size:18px;
}
.sign-up form input[type="text"]{
	width:100%;
	margin:0 0 0 0;
}

.sign-up .ws-recaptcha-container .g-recaptcha > div{
	margin:0 auto;
}

.sign-up form td.subscribe-btn{
	text-align:center;
	padding:25px 0 0 0;
}

.sign-up form td a{
	color:#fff;
}
/* books
----------------------------------------*/
.book-buy-icons a{
	margin:0 5px 5px 0;
	display:inline-block;
}
.book-buy-icons img{
	height:48px;
	width:auto;
}
/* tag-list
----------------------------------------*/
.tag-content{
	float:left;
	height:390px;
	width:200px;
	margin:0 30px 0 0;
}

.tag-image img,.tag-image{
	height:300px;
	width:200px;
}
.tag-image img{
	border:1px solid #cccccc;
}

.tag-image p{
	height:168px;
	width:198px;
	border:1px solid #eeeeee;
	padding:130px 0 0 0;
	text-align:center;
}
p.tag-title{
	padding:10px 0 0 0;
	font-size:14px;
	line-height:1.2em;
	text-align:center;
}

/* gabster
----------------------------------------*/
.gab-col{
	list-style:none;
	padding:0;
	margin:0;
}

.gab-col .left-col{
	float:left;
	width:25%;
}
.gab-col .right-col{
	float:right;
	width:70%;
}

.gab-post-col{
	list-style:none;
	padding:0;
	margin:0;
}
.gab-post-col .left-col{
	float:left;
	width:25%;
}
.gab-post-col .mid-col{
	float:left;
	width:40%;
	margin:0 5%;
}
.gab-post{
	padding:0 0 35px 0;
}
.gab-post h2,.gab-post p{
	padding:0 0 5px 0;
	margin:0;
}

.gab-post-col .mid-col img{
	max-width:100%;
	height:auto;
}
.gab-post-col .right-col{
	float:left;
	width:25%;
}
ul.page-numbers {
    list-style: none;
    margin: 0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    background:#41553d;
    color: #fff;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #fff;
    background:#0d1d10 ;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }


/**
 * bxSlider v4.2.5
 * Copyright 2013-2015 Steven Wanderski
 * Written while drinking Belgian ales and listening to jazz

 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */

/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.top-shelf .bx-wrapper {
  margin: 0 auto 50px;
}

.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat transparent;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 25px;
  background: url('images/controls.png') no-repeat 0 -32px;
}

.bottom-books-slider .bx-wrapper .bx-prev {
  left: -50px;
  background: url('images/controls.png') no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bottom-books-slider  .bx-wrapper .bx-next {
  right: -50px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next {
  right: 25px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 65%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}


/*---------------------------
responsive styles  ---------------------------*/
/*960 media query*/
@media(min-width:960px) and (max-width:1279px){
	html,body{
		min-width:960px;
	}
	.wrap,.container{
	width:960px;
	}
	.header .logo{
		padding:75px 0 50px 75px;
	}
	.header-social {
    text-align: center;
    width: 364px;
    margin: 0 0 60px 65%;
	}
	
	.main-navigation li a {
   
    padding: 0 15px;
	}

}

/*tablet media query*/
@media(max-width:959px){
	
	/*---------------------------
	 navigation ---------------------------*/
  .main-menu{
		height:auto;
		z-index:99;
		justify-content: space-between;
		position:relative;
	}
	.menu-toggle {
	cursor: pointer;
	display: inline-block;
	 margin:0 0 0 15px;
	padding:0;
	line-height:normal;
	color:#fff;
	width:auto;
	font-size:16px;
	font-weight:700;
	width:30px;
	}
	.menu-toggle:hover,.menu-toggle.toggled-on {
	color:#75859d;
	}
	.menu-toggle span{
	width:100%;
	height:4px;
	background:#fff;
	display:block;
	position:relative;
	margin:0 0 5px 0;
	}
	.menu-toggle span.ml3{
	margin:0;
	}
	.menu-toggle:hover span,.menu-toggle.toggled-on span{
	background:#9aabc4;
	}
	
	.main-navigation {
   position:absolute;
   top:100%;
   width:100%;
	}
	
	ul.cnss-social-icon {
    margin: 0 15px 0 0;
	}

	.main-navigation  ul.nav-menu,.main-navigation  .nav-menu ul {
		margin:0;
		display: none;
		background:#fff;
	}
	.main-navigation  ul.nav-menu.toggled-on,.main-navigation  ul.nav-menu.toggled-on ul,.main-navigation  ul.nav-menu.toggled-on ul ul,.main-navigation  .nav-menu ul.toggled-on,.main-navigation  .nav-menu ul.toggled-on ul,.main-navigation  .nav-menu ul.toggled-on ul ul{
		margin:0;
		display: inline-block;
		background:#fff;
		width:100%;
	}
	.main-navigation li {
		float: none;
		display:block;
		margin: 0;
		position: relative;
		font-size: 100%;
		padding:0;
	}
	.main-navigation li a{
		display:block;
		width:auto;
		padding:0 10px;
		color:#fff;
		background:#5e6e87;
		border-bottom:1px solid #75859d;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #fff;
		background:#4b9196;
	}
	.main-navigation ul ul {
		display:block;
		width:100%;
		position:relative;
		top:auto;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 0;
	}
	.main-navigation li ul li ul li a{
		padding-left:60px;
	}
	.main-navigation ul ul li{
		display:block;
		width:100%;
	}
	.main-navigation li ul li a {
		background:#75859d;
		display: block;
		line-height: normal;
		padding: 8px 30px;
		width: auto;
		white-space: normal;
		display:block;
	}
}
	
	/*tablet media query*/
@media(min-width:768px) and (max-width:959px){
	html,body{
		min-width:750px;
	}
	.wrap,.container{
	width:750px;
	}
	

	/*---------------------------
	Columns ---------------------------*/
	/*sidebar*/
	.main .left-col{
		float:left;
		width:65%;
	}
	.main .right-col{
		float:right;
		width:30%;
	}
	/*2 column*/
	.two-column .left-col{
		float:left;
		width:48%;
	}
	.two-column .right-col{
		float:right;
		width:48%;
	}
	/*3 column*/
	.three-column .left-col{
		float:left;
		width:31%;
	}
	.three-column .mid-col{
		float:left;
		width:31%;
		margin:0 3%;
	}
	.three-column .right-col{
		float:left;
		width:31%;
	}
	/*4 column*/
	.four-column .col1,.four-column .col2,.four-column .col3,.four-column .col4{
		float:left;
		width:50%;
	}
	.col4inner{
		padding:0 15px 0 0;
	}
	/*---------------------------
	 clear fix---------------------------*/
	.colcl4:before,
	.colcl4:after {
	   content: " "; /* 1 */
	   display: table; /* 2 */
	}
	.colcl4:after {
		clear: both;
	}
	.colcl4{
		display: inline-block;
	  width: 100%;
	}
	.home-coming .home-coming-img img{
    width: 90%;
   height:auto;
	}
	.home-coming .home-coming-content img{
    width: 50px;
    height: auto;
	}
	.sign-up-txt {
    padding: 0 5%;
	}
	.sign-up form input[type="text"] {
    width: 200px;
    margin: 0 ;
	}
	.main .right-col input[type="submit"]{
		
		width:100%;
		padding:10px 0;
		margin:10px 0 0 0;
	}
}

/*-- mobile styles--*/
@media(max-width:767px){
	
	.container{
		overflow:visible;
		margin: 0 auto;
		min-height:1px;
	}
	.home .main {
		padding: 0 0 25px;
	}
	.main {
		padding: 25px 0;
	}
	.footer{
		height:auto;
	}
	.wrap,.container{
	width:95%;
	}
	.header .wrap{
	width:100%;
	}
	.alignleft{
	float:none;
		margin:20px 0;
		display:block;
	}
	.alignright{
		float:none;
		margin:20px 0;
		display:block;
	}
	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.home-coming{
		
		margin:0 5% !important;
	}
	.home-coming .home-coming-img {
    width: 100%;
    float: none;
    text-align: center;
    padding:25px 0 0 0;
	}
	.home-coming .home-coming-content {
    width: 100%;
    float: none;
	}
	.book-coming-month {
    line-height:1em;
  }
	.book-coming-txt {
    padding: 0;
    
	}
	.sign-up ul{
		margin:0 5%;
	}
	.sign-up-title {
    padding: 0 0 25px;
	}
	.sign-up-txt {
    font-size: 24px;
    padding: 0;
	}
	.sign-up form input[type="text"] {
    margin: 0 0 0 0;
	}
	.sign-up form {
    margin: 30px 0 0 0;
	}
	.book-coming-order-now {
    
    padding:0 0 50px 0;
	}
	.book-coming-order-now img{
    width:40px;
    height:auto;
	}
	
	/*---------------------------
	 columns---------------------------*/
	 .main .left-col{
		float:none;
		width:100%;
	}
	.main .right-col{
		float:none;
		width:100%;
		margin-top:50px;
	}
	
	/*2 column*/
	.two-column .left-col{
		float:none;
		width:100%;
	}
	.two-column .right-col{
		float:none;
		width:100%;
	}
	/*3 column*/
	.three-column .left-col{
		float:none;
		width:100%;
	}
	.three-column .mid-col{
		float:none;
		width:100%;
		margin:0;
	}
	.three-column .right-col{
		float:none;
		width:100%;
	}
	/*4 column*/
	.four-column .col1,.four-column .col2,.four-column .col3,.four-column .col4{
		float:none;
		width:100%;
	}
	.col4inner{
		padding:0 15px 0 0;
	}
	.gab-post-col .mid-col,.gab-post-col .left-col,.gab-post-col .right-col {
    float: none;
    width: auto;
    margin: 25px 0;
	}
	.bx-wrapper{
		padding:0 0 50px;
	}
	
	.bx-wrapper .bx-controls-direction a {
    top: auto;
    bottom:12px;
	}
	
	.bx-wrapper .bx-prev, .bottom-books-slider .bx-wrapper .bx-prev  {
    left: 50%;
    margin:0 0 0 -50px;
	}
	
	.bx-wrapper .bx-next, .bottom-books-slider .bx-wrapper .bx-next {
    right: 50%;
    margin:0 -50px 0 0;
	}
}
@media print {
	*{
  	color: #000 !important;
    background:transparent none !important;
   }
  .header,.footer,.right-col,.grunge{
   	display:none;
  }
}