/* ======================================================= */
/* CUSTOM THEME CSS */
/* ======================================================= */
/* Building your own theme? Add your custom theme CSS here. */
/* It's a much safer spot to put stuff than trying to overwrite things in styles.css. */

.no-bottom-margin{margin-bottom: 5px !important;}
hr.page-title-hr{margin-bottom: 15px;}
.jackbox-container {line-height: 0 !important;}


/* Visual Composer Header Carousel Mods */
.vc_span12 .wpb_carousel.wpb_teaser_grid{margin-top: 7px; margin-bottom: -13px !important;}

.wpb_row .vc_span12 .wpb_carousel .prev, .wpb_row .vc_span12 .wpb_carousel .next {
    font-size: 27px;
    color: white;
}
.vc_span12 .wpb_carousel .prev:after {
	content: "«";
	color: #333333;
	margin-left: -27px;
	text-indent: 0 !important;
}
.vc_span12 .wpb_carousel .next:after {
    content: "»";
    color: #333333;
    margin-left: -27px;
    text-indent: 0 !important;
}
.wpb_carousel li .post-thumb{z-index: 1; overflow: hidden;}
.wpb_carousel .post-title{margin-top: -10px; z-index: 2;}
.wpb_carousel .post-title a, .module-meta h3{
    background: none repeat scroll 0 0 #191919;
    color: white !important;
    display: inline-block;
    font-size: 1.7rem;
    padding: 10px 0;
    text-align: center;
    width: 100% !important;
    border-radius: 0 0 3px 3px;
}
.wpb_carousel li:hover .post-title a {}

.wpb_carousel li:hover .post-thumb img{
}



/* Theme Media Queries */
@media only screen and (min-width: 959px) {	
	#section-header {
	    position: relative;
	    left: -25px;
	}
	#section-tophat .container .sixteen{
		margin-left: -13px;
	}
	#section-sub-footer .container .sixteen {
	    margin-left: -0px;
	}

	.vc_span12 .wpb_carousel .wpb_wrapper{overflow: visible !important; z-index: 2;}
	.vc_span12 .wpb_carousel .teaser_grid_container{overflow: hidden !important;}
	.wpb_row hr{margin-top: 0px !important;}
	
	.vc_span12 .wpb_carousel .prev, .vc_span12 .wpb_carousel .next {
	    background-color: #FFF !important;
	    font-size: 12px;
	    position: absolute;
	    text-decoration: none;
	    top: 40% !important;
	    transition: all 0.2s linear 0s;
	    z-index: 10;
	    width: 50px;
	    height: 60px;
	    text-indent: 24px;
	    line-height: 55px;
	    border-radius: 60px;
	    z-index: 1 !important;
	}
	
	.vc_span12 .wpb_carousel .prev{
	 left: -52px !important;
	 box-shadow: -5px 0 2px rgba(0,0,0,0.05);
	 text-indent: 12px !important;
	}
	
	.vc_span12 .wpb_carousel .next {
	 right: -52px !important;
	  box-shadow: 5px 0 2px rgba(0,0,0,0.05);
	}
	
	.vc_span12 .wpb_carousel .prev:hover, .wpb_carousel .next:hover {
	    background-color: #F00;
	}
}


/* Theme Media Queries */
@media only screen and (max-width: 959px) {		
	.vc_span12 .wpb_carousel .prev, .vc_span12 .wpb_carousel .next {
    padding: 0 6px 4px !important;
    color: transparent !important;
	}
	.boxing {
    border: 0px solid #FFFFFF;
	}
}


/* AJAXY Search Plugin */
.sf_container label {display: none;}
.sf_search {
    margin-bottom: 13px;
    padding: 5px;
    width: 95%;
}
.the_content .sf_search {
    margin: 10px 0 9px;
}
.sidebar .widget:first-child .sf_search {
    margin-bottom: 0px;
}
#sf_results {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    font-family: arial,sans-serif !important;
    font-size: 11px !important;
    margin-left: -7px;
    text-align: left !important;
    width: 94% !important;
    z-index: 9999 !important;
}
#sf_sb{margin-top: 10px;}



/* Tophat Stuff */
#section-tophat{display: block; height: 20px; margin: 0px -15px 40px; padding: 10px 0 10px 15px;}
#section-tophat ul.social {margin: 0 -5px 0 10px;}


/* AJAXY Search TopHat Styling */
#section-tophat .sf_container{}
#section-tophat .sf_container label{display: none;}
#section-tophat .sf_search{float: right; margin-left: 15px; margin-right: -50px;}
#section-tophat .sf_search{
	background: transparent !important;
	width: auto !important;
	border: 0px !important;
	margin-top: -5px !important;
}
#section-tophat .sf_search .sf_input {
	background: rgba(55,55,55,0.8) url("../images/theme/search.png") no-repeat 10px 10px !important;
	border: 0px !important;
	z-index: 2 !important;
	text-indent: -999px !important;
	border: 0px !important;
    border-left: 1px solid rgba(200,200,200,0.05) !important;
    border-right: 1px solid rgba(200,200,200,0.05) !important;
    font-size: 1rem !important;
    height: 38px !important;
    overflow: visible !important;
    padding-left: 10px !important;
    transition: width 0.5s ease-out 0s;
    width: 28px !important;
    margin-top: -10px !important;
    float: right !important;
}
#section-tophat .sf_search .sf_input:focus {
 width: 200px !important;
 text-indent: 0px !important;
 -moz-transition: width 0.5s ease-out !important;
 -webkit-transition: width 0.5s ease-out !important;
 transition: width 0.5s ease-out !important;
 color: #FFF !important;
 padding-left: 35px !important;
}
#section-tophat .sf_search .sf_button{display: none !important;}

/* AJAXY In-Content Styling */
.sf_search .sf_input {margin-top: -4px !important;}

/* Normal Search Form TopHat Styling */
#section-tophat .search{float: right; margin-left: 15px; margin-right: -50px;}
#section-tophat .search input.field {
	background: rgba(55,55,55,0.8) url("../images/theme/search.png") no-repeat 10px 10px;
	border: 0px;
	z-index: 2;
	text-indent: -999px;
    border-left: 1px solid rgba(200,200,200,0.05);
    border-right: 1px solid rgba(200,200,200,0.05);
    font-size: 1rem;
    height: 38px;
    overflow: visible;
    padding-left: 10px;
    transition: width 0.5s ease-out 0s;
    width: 28px;
    margin-top: -10px;
}
#section-tophat .search input.field:focus {
 width: 200px;
 text-indent: 0px;
 -moz-transition: width 0.5s ease-out;
 -webkit-transition: width 0.5s ease-out;
 transition: width 0.5s ease-out;
 color: #FFF;
 padding-left: 35px;
}
#section-tophat .search .button{display: none;}


/* Gallery Widget Plugin Mods */
ul.wGallery > li {
    border: 0 none !important;
    display: inline-block;
    float: left;
    list-style: none outside none !important;
    margin: 0 5% 10px 0 !important;
    padding: 0 !important;
    width: 25%;
}

.zilla-dribbble-shots li {
    float: left;
    list-style-type: none !important;
    margin: -10px 10px 10px 0 !important;
    width: 25% !important;
}

/* Flex Slider */
.wpb_gallery .wpb_flexslider .flex-control-nav {
    bottom: -50px !important;
}

/* Tabs */
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, .wpb_content_element .wpb_accordion_header a {
    color: #FFF;
    font-family: arial;
    font-size: 1.2rem;
}
.wpb_content_element .wpb_tabs_nav li {
    background-color: #888 !important;
    }
.wpb_content_element .wpb_tabs_nav .ui-tabs-active{ background-color: #EEE !important;;}
.wpb_content_element .wpb_tabs_nav .ui-tabs-active a{color: #333 !important;}

.wpb_prev_slide, .wpb_next_slide{display: none !important;}

/* Accordion */
.wpb_accordion_header.ui-state-default {
    background: none repeat scroll 0 0 #EEEEEE !important;
}
.wpb_accordion_header.ui-state-active{
    background: none repeat scroll 0 0 #F7F7F7 !important;
}


/* RSS */
.vc_wp_rss h2 a {
    color: #555555;
}
.vc_wp_rss h2 a {
    color: #555555;
}

.wpb_accordion_header a {
    color: #333333 !important;
    font-weight: 600;
}

/* Jackbox Rounded Corners */
.jackbox-container {
    border-radius: 3px 3px 0px 0px !important;
    overflow: hidden;
}
a.jackbox {
    border-radius: 3px 3px 0px 0px !important;
}


/* Content Area Border and Boxing */
.boxing{border: 15px solid #FFF;}

.full-width #page-header{text-align: center;}

/* Fading Shadows */
#section-header .boxing{box-shadow: 0 350px 60px 50px #ccc, 0 0 10px 2px rgba(0, 0, 0, 0.05); z-index: 101; padding-top: 35px;}
#section-footer, #section-sub-footer{position: relative; z-index: 102;}

#section-page-caption{padding-top: 120px;} /* Padding for the first super-container after the header. This gets ultimately overridden by the jQuery */
#section-slider{display: inline;}

/* Caption Styling */
.page-caption {margin: 15px 0 0; line-height: 4.0rem;}
.page-caption{text-align: center;}

.module-meta{text-align: center; margin-top: -17px;}
.module-meta h3 a{color: white !important; padding: 0 10px;}
.home .module-meta{text-align: left;}


.module-meta p {
    color: #888888;
    font-size: 1.2rem;
    margin-top: 5px;
    padding: 5px 0 5px;
    text-align: left;
}
.module-meta p:last-child {
    border-bottom: 1px dotted #DDDDDD;
    padding: 5px 0 22px;
}

.container .action_button a, .container .action_button:visited a {
  	background: rgb(0, 0, 0); /* fallback color */
  	background: rgba(0, 0, 0, 0.8);
    border: 2px solid rgba(255, 255, 255, 0.2);
    /* border-radius: 5px 5px 5px 5px; */
    font-size: 1.6rem !important;
    text-transform: uppercase;
}


/* Float Nav to the Right */
.site-title-wrapper {display: inline-block;}
.site-title-wrapper h1{margin: 0px;}
#menu {float: right; margin-top: 15px;}
.sf-menu {margin: 0 auto;}


/* Menu Mods */
.sf-menu li {background-color: transparent;}
.sf-menu > li > a strong {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 400;
}
.sf-menu > li:hover a strong {
    color: #FFF;
}
.sf-menu .sub-menu{z-index: 9999;}
.sf-arrows .sf-with-ul {
    padding-left: 1em;
}
.sf-menu li {
    margin-right: 0px;
}
.sf-menu > li {
    border-right: 1px dotted #CCCCCC;
    border-right: 1px dotted rgba(0,0,0,0.08);
    float: left;
}
.sf-menu > li:first-child {
    border-left: 1px dotted #CCCCCC;
    border-left: 1px dotted rgba(0,0,0,0.08);
}
.pptwj ul, .pptwj li{list-style: none !important;}

/* Mods for the Post Grid */
#skeleton-container{position: relative;}
#skeleton-container .module-container {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
}
#skeleton-container a[rel~="category"]{
	color: #aaa !important;
	background: transparent !important;
    font-size: 1.3rem !important;
    font-weight: 500;
    padding: 2px 8px;
}

/* WP Paginate Mods */
.wp-paginate li span, .wp-paginate li a{
	border-radius: 4px; 
	color: #333;
}

/* Comments tweaks */
.commentlist li.comment article {
    margin-bottom: -2px;
}

/* 404 Page Custom Content Styles */
.the_content li.categories, .the_content li.pagenav, .the_content .tagcloud {
    list-style: none outside none !important;
    margin-top: -23px;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
}

.the_content li.categories ul, .the_content li.pagenav ul, .the_content .tagcloud a {
    text-transform: capitalize;
    font-size: 1.2rem;
    font-weight: 300;
    letter-spacing: 0rem;
    text-transform: capitalize;
}

/* ======================================================= */
/* #MEDIA QUERIES TEMPLATE */
/* ======================================================= */

/* Used for copy/pasting - the full theme set is below */
/* Media Query Breakpoints Stack */ 
/* 960 and above */ 
@media only screen and (min-width: 959px) {} 

/* Tablet to 1280 */ 
@media only screen and (min-width: 768px) and (max-width: 1279px) {
	h1.page-caption .spacer {display: none;}
	h1.page-caption span{display: block; letter-spacing: -0.05rem;}
	.page-caption {line-height: 4.5rem;}
}

/* All Mobile Sizes */ 
@media only screen and (max-width: 767px) {	
	.wpb_content_element {margin: 0 5%;}
	.wpb_teaser_grid.wpb_content_element, .wpb_teaser_grid .wpb_content_element{margin: 0 0 !important;}

	#section-tophat, #section-header, #section-page-caption, #section-content, #section-footer, #section-sub-footer {
	    overflow: hidden !important;
	}
	#section-header .bottom-border {
    border-bottom: 0px dotted rgba(0, 0, 0, 0.15);
    padding-bottom: 20px;
	}
	#menu{display: none;}


	#section-tophat .search {
	    margin-right: 0;
	}
	
	.wpb_carousel .prev {
	    right: auto !important;
	    left: 0px !important;
	}
	.wpb_carousel .next {
	    right: 0px !important;
	    left: auto !important;
	}
	.wpb_carousel .prev, .wpb_carousel .next {
	    top: 42% !important;
	    padding: 10px 15px !important;
	    border: 1px solid #ccc;
	    border: 1px solid rgba(0,0,0,0.2);
	}

	#section-header, #section-header .container{overflow: visible;}
	#section-sub-footer{position: relative; bottom: 0; display: block;}
	#section-sub-footer .colophon {display: none;}
	
	#section-content .container {margin-top: -40px;}
	.ls-wp-fullwidth-container{margin-top: 75px;}
	
	#section-header .container, #section-content .container{border: 0px solid #FFF;}
	#section-content p, #section-content h1, #section-content .wpcf7, #section-content h2{padding: 0 10px;}
	.home .page-caption {margin: 10px 0 65px;}
	
	h1.page-caption .spacer {display: none;}
	h1.page-caption span{display: block;}
	.page-caption {line-height: 4.5rem;}
	
	
	#section-header .boxing:before {
	    background: none !important;
	}

	#section-tophat {
	    display: block;
	    height: 50px;
	    margin: -10px -15px 23px;
	    padding: 10px 0 10px 15px;
	}
	
	#section-tophat fieldset{margin-bottom: 0px;}
	#section-tophat .social {
	    float: none;
	    padding: 9px 5px;
	    position: relative;
	    text-align: right;
	}
	#section-tophat ul.social{margin-right: 25px;}
	
	#section-tophat .search input.field {
	    background-position: 10px 17px;
	    height: 51px;
	    margin: -5px -5px 0 0 !important;
	}
	#section-tophat .search input.field:focus {width: 100px;}
}

/* Mobile Landscape Size to Tablet Size  */ 
@media only screen and (min-width: 480) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size */ 
@media only screen and (max-width: 479px) {}
#section-tophat {
height: 1px !important;
margin: 0px -15px 40px !important;
padding: 0px 0 0px 15px !important;
}
#section-tophat .sf_container, #section-tophat ul.social {
display:none !important;
}
.social_mary {
width: 215px;
height: 23px;
position: absolute;
top: 0px;
right: 0;
}
.mary_facebook, .mary_twitter, .mary_p, .mary_g, .mary_mail, .mary_linkedin, .mary_wattpad, .mary_google {
display: inline-block;
width: 23px;
height: 23px;
background: url(../images/social_new.png);
-webkit-transition: all 0.5s ease;
-o-transition: all 1s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mary_facebook:hover, .mary_twitter:hover, .mary_p:hover, .mary_g:hover, .mary_mail:hover, .mary_linkedin:hover, .mary_wattpad:hover, .mary_google:hover {
opacity:0.5;
-webkit-transition: all 0.5s ease;
-o-transition: all 1s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mary_twitter {
background: url(../images/social_new.png) -23px 0px;
}
.mary_p {
background: url(../images/social_new.png) -46px 0px;
}
.mary_g {
background: url(../images/social_new.png) -92px 0px;
}
.mary_mail {
background: url(../images/social_new.png) -115px 0px;
}
.mary_linkedin {
background: url(../images/social_new.png) -69px 0px;
}
.mary_wattpad {
background: url(../images/social_new.png) -138px 0px;
}
.mary_google {
background: url(../images/social_new.png) -161px 0px;
}
.sf-menu > li > a strong {
font-family: Georgia;
font-weight: bold;
}
#book {
float:left;
margin: 9px;
width: 150px;
height: 275px;
}
#book img{
    height: 225px;
    width: 150px;
	position: absolute;
     -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
	z-index:10;
}
.aligncenter, .image_mary, .alignleft, .alignright {
           -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
              -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                   box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       }
 
#book img:hover {
    height: 320px;
    width: 213px;
    margin-left: -20px;
	margin-top: -40px;
	z-index:999;
	cursor:pointer;
	border: 1px solid #fff;
}
#book .buy1, #book .buy2, #book .buy3 {
background: url(../images/to_buy.png);
display: inline-block;
width: 28px;
height: 28px;
top: 250px;
position: relative;
}
#book .buy1 {
left: 20px;
}
#book .buy2 {
left:32px;
background-position: 79px 0;
}
#book .buy3 {
left:45px;
background-position: 30px 0;
}
#book .buy1:hover, #book .buy2:hover, #book .buy3:hover {
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-o-filter:  brightness(1.3);
-ms-filter:  brightness(1.3);
}


#bookx {
width:248px;
height:65px;
text-align:center;
}
#bookx .buy1, #bookx .buy2, #bookx .buy3 {
background: url(../images/to_buy.png);
display: inline-block;
width: 28px;
height: 28px;
}
#bookx .buy1 {
}
#bookx .buy2 {
background-position: 79px 0;
margin: 0 10px;
}
#bookx .buy3 {
background-position: 30px 0;
}
#bookx .buy1:hover, #bookx .buy2:hover, #bookx .buy3:hover {
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-o-filter:  brightness(1.3);
-ms-filter:  brightness(1.3);
}
.testimonials_mary {
font-family: Georgia;
font-size:15px;
font-style:italic;
background: url(../images/testimonials.png) no-repeat;
height: 150px;
padding: 10px 200px 0 200px;
color: #000;
margin-bottom: -50px;
}
.testimonials_mary span{
color:#7e7e7e;
font-style:normal;
}
#clear {
clear:both;
}
.footer_mar {
width: 1150px;
margin: 0 auto;
background-color: #fff;
text-align: center;
color: #6f6f6f;
padding: 40px 0 20px 0;
}
#prefooter1{
width:28%;
display:block;
float:left;
margin-left: 6%;
}
#prefooter2 {
width:25%;
display:block;
float:left;
margin-left: 10px;
}
#prefooter3 {
width:30%;
display:block;
float:left;
margin-left: 40px;
}
.content-inner h3, h4 {
color: #af0a00;
font-family: Georgia !important;
}
h1.page-title, h1.entry-title {
color: #af0a00 !important;
font-family: Georgia !important;
}
#section-footer, #section-sub-footer, .typekit-badge {display:none !important;}
hr {border:0 !important;}
.sf-menu ul li {
width:107% !important;
}
.bookstore_left {
width:25%; float:right;padding-left:2%;border-left: 1px solid #af0a00;
}
.bookstore_reviews
{
color: #af0a00 !important;
font-family: Georgia !important;
font-size: 24px;
text-align: center;
padding-bottom: 15px;
}
.bookstore_left > ul li {
list-style: none;
border-bottom: 1px dotted #cacaca;
padding: 10px 0 10px 0;
}
.entry-content h4 {
line-height:36px;
}
/* SUBSCRIBE WIDGET */
.widgetGuts dd input { 
width: 98%;
height: 30px;
}
.widgetGuts dt label {
font-family: "jubilat",sans-serif;
}
#prefooter2 table, #prefooter2 table th, #prefooter2 table td {
border:0;
padding:0;
}
#prefooter2 table {
width:100%;
}
#prefooter2 tr {
float: left;
}

#prefooter2 label {
display:none;
}
.subscribeButton  {
margin-left: 10px;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
	.footer_mar {
	width:990px;
	}
	.books_left, .books_right {
	margin-left:20% !important;
	}
	.testimonials_mary {
	background: url(../images/testimonials_landcsape.png) no-repeat !important;	
	}
}
@media only screen and (min-width: 750px) and (max-width: 800px) {
	.footer_mar {
	width:808px;
	}
	.books_left, .books_right {
	margin-left:20% !important;
	}
	.video_left, .video_right {
	width:40% !important;
	}
	.testimonials_mary {
	height:180px !important;
	background: url(../images/testimonials_portre.png) no-repeat !important;	
	}
}
@media only screen and (min-width: 100px) and (max-width: 400px) {
.books_left, .books_right {
	margin:0 !important;
	width:450px !important;
	}
	.footer_mar {
	width:380px;
	}
	.testimonials_mary {
	height:180px !important;
	background: none !important;
	margin:0;
	padding:0;	
	}
	#prefooter1, #prefooter2, #prefooter3 {
	width:90% !important;
	}
	.video_left, .video_right {
	display:none;
	}
}
@media only screen and (min-width: 401px) and (max-width: 600px) {
.books_left, .books_right {
	margin:0 !important;
	width:600px !important;
	}
	.footer_mar {
	width:600px;
	}
	.testimonials_mary {
	height:180px !important;
	background: none !important;
	margin:0;
	padding:0;	
	}
	#prefooter1, #prefooter2, #prefooter3 {
	width:90% !important;
	}
	.video_left, .video_right {
	display:none;
	}
}
.form-allowed-tags {
display:none;
}
#footer_submit_btn {
background-color: #8a190e;
height: 36px;
border: none;
width: 120px;
color: #fff;
-moz-transition: background-color 0.8s 0.1s ease;
-o-transition: background-color 0.8s 0.1s ease;
-webkit-transition: background-color 0.8s 0.1s ease;
}
#footer_submit_btn:hover {
background-color: #e06c4c !important;
cursor:pointer;
-moz-transition: background-color 0.8s 0.1s ease;
-o-transition: background-color 0.8s 0.1s ease;
-webkit-transition: background-color 0.8s 0.1s ease;
}