/* General Styles
-------------------------------------------------------------- */

/* The following section sets the basic body, H1-H5 and link styles */

body {
	background			: 	url("https://www.juliarochester.com/wp-content/uploads/2018/07/julia-rochester-waves-theme.jpg") no-repeat center top #f2f2f2;
	color				:	#525252;
	font-size			:	15px;
	line-height			:	20px;
	font-family			: 	Georgia, Serif;
	padding-top			:	0px;
}

a:link,a:visited { /* This styles the majority of the on page links. The sidebar links can be styled seperately */
	color 			: 	#47968a;
	text-decoration : 	none;
}

a:hover,a:active {
	color 			: 	#445956;
	text-decoration : 	underline;
}

h1 {
	font-size			:	20px;
	color				:	#3d3d3d;
	font-family			: 	Arial, Serif;
}

h2 {
	font-size			:	18px;
	color				:	#3d3d3d;
	font-family			: 	Arial, Serif;
}

h3 {
	font-size			:	17px;
	color				:	#3d3d3d;
	font-family			: 	Georgia, Serif;
}

h4, h5 {
	font-size			:	17px;
	color				:	#3d3d3d;
	font-family			: 	Georgia, Serif;
}


/* Header
-------------------------------------------------------------- */

#header .container {
	background			:	;
    background-color	: 	 none ;
}

#header #title h1 {
	font-size			:	20px;
	font-family			: 	Arial, Serif;
	line-height			: 	25px;
}

#header #title h1 a {
	color				:	#000000;
	text-decoration		:	none;
}

#header #title h1 a:hover {
	text-decoration		:	none;
}

#header #title p {
	font-size			:	13px;
	color				:	#333333;
	font-family			: 	Arial, Serif;
}

#nav-primary {
	background			:	#3d3d3d;
}

#nav-primary ul {
		float				: 	right;
	}

#nav-primary li {
	float				: 	left;
}

#nav-primary li a {
	color				:	#fffff7;
	font-size			:	16px;
	line-height			:	16px;
	text-shadow			: 	#none 0px 1px 0px;
	font-family			: 	Georgia, Serif;
	border-right		:	1px SOLID #3d3d3d;
	background			:	#3d3d3d;
	padding				:	15px 35px 15px 35px!important;
}

#nav-primary li a:hover, .parent_active, #nav-primary .current-menu-item a {
	color				:	#ebebeb!important;
	text-shadow			: 	#none 0px 1px 0px!important;
	background			:	#3d3d3d!important;
}

#nav-primary li ul li a, #nav-primary li ul li a:hover {
	color				:	#ebebeb!important;
	text-shadow			: 	#none 0px 1px 0px!important;
	background			:	#3d3d3d!important;
}

#nav-primary li ul li a:hover {
    text-decoration     :   underline!important;
}


/* Content
-------------------------------------------------------------- */

.container {
	background			: 	#f2f2f2;
    -moz-box-shadow		:   0px 0px 5px 3px #none;
	-webkit-box-shadow	: 	0px 0px 5px 3px #none;
	box-shadow			:   0px 0px 5px 3px #none;
}

#footer .container {
    -moz-box-shadow		:   0px 4px 5px 3px #none;
	-webkit-box-shadow	: 	0px 4px 5px 3px #none;
	box-shadow			:   0px 4px 5px 3px #none;
}

.post_date {
	color				:	#47968a;
	font-size			:	14px;
	font-family			: 	Georgia, Serif;
	background			:	;
}

.post_title h3.padded, .post_title h1.padded {
	padding-top			:	0px;
}


.post_title h3 a, .post_title h1 a {
	color				:	#445956;
	font-size			:	16px;
	font-family			: 	Georgia, Serif;
}

.post_title p {
	color				:	#47968a;
	font-size			:	14px;
	font-family			: 	Georgia, Serif;
}

.post_excerpt_home {
	padding-left		:	0px;
}

.wp-caption-text {
	color				:	#3d3d3d;
	font-style			:	italic;
}


/* Slider styles
-------------------------------------------------------------- */

.slider .nav-wrapper {
	margin-top         :   100px;
        	background-color	: 	#404040;
    }


/* Forum styles
-------------------------------------------------------------- */

.bbp-forums thead tr th,
.bbp-topics thead tr th,
.bbp-replies thead tr th,
.bbp-replies tfoot tr th,
.forum tr td,
.bbp-reply-header td,
.bbp-reply-author,
.bbp-reply-content,
.bbp-topic-meta,
.bbp-topic-title,
.topic,
.bbp-topics tbody tr td {
	color				:	#525252;
	background			:	#f2f2f2!important;
}

.bbp-topics tr.super-sticky td {
	background			:	#f2f2f2!important;
}

.bbp-topics tr.super-sticky td.bbp-topic-title a:first-child {
	color				:	#525252;
}

.bbp-replies tr.type-topic .bbp-reply-author,
.bbp-replies tr.type-topic .bbp-reply-content {
	background			:	#f2f2f2!important;
}

.bbp-pagination-count {
	color				:	#525252;
}

.bbp-topic-form,
.bbp-reply-form {
	background			:	#f2f2f2;
}


/* Footer
-------------------------------------------------------------- */

#footer .container {
	background			: 	#f2f2f2;
	color				:	#3d3d3d;
}

#footer h4 {
	font-size			:	14px;
	color				:	#3d3d3d;
	font-family			: 	Arial, Serif;
}

#footer a:link,#footer a:visited { /* This styles the majority of the on page links. The sidebar links can be styled seperately */
	color 			: 	#47968a;
	text-decoration : 	none;
}

#footer a:hover,#footer a:active {
	color 			: 	#3d3d3d;
}



/* Responsive Menu
-------------------------------------------------------------- */

.toggleMenu {
  background: #3d3d3d;
}
  
.toggleMenu:link, .toggleMenu:visited {
  color:	#fffff7;
}
 
.toggleMenu.active {
  background:	#3d3d3d;
}

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

  #nav-primary li a {
    border-bottom		:	1px solid #3d3d3d;
	} 
}



/* Custom CSS Code
-------------------------------------------------------------- */

#footer .container {
box-shadow: none;
}

iframe body {
    background:transparent;
}

.fb_iframe_widget,
.fb_iframe_widget span {
display:block;
overflow:hidden;
}



#main h1 {
font-size:1.4em;
text-align: center;
}

.home #main .container #content_center article img  {
border:0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
float:none;
margin:0 0 10px 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity:.8;
}

.home #main .container #content_center article img:hover {
opacity:1;
}

#main h1, 
#main h2, 
#main h3, 
#main h4 {
text-align:left !important;
line-height: 1.5;
}

h1, #sidebar .widget-area h3, #sidebar-home .widget-area h3, #sidebar-home-left .widget-area h3, #sidebar-home-right .widget-area h3,
.book_desc_single h3, .book_details_sidebar h3 {
color: #445956;
border-bottom: initial;
font-weight: normal;
font-size:1.2em;
}

#nav-primary li a {
background:transparent;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
overflow:hidden;
}

#nav-primary .current-menu-item a {
background:#ffffff;
color:#fff;
}

#nav-primary li a:hover {
background:#ffffff;
color:#fff;
}

#main .container {
-moz-box-shadow: none;
-webkit-box-shadow:  none;
box-shadow: none;
}


#main .container article img {
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}



#sidebar .widget-area li, 
#sidebar-home .widget-area li, 
#sidebar-home-left .widget-area li, 
#sidebar-home-right .widget-area li {
padding: 8px 0;
list-style:circle;
margin-left: 25px;
}

footer nav {
font-weight:normal;
}

#sidebar-home-right .widget-area {
background: rgba(100,100,100,0.1);
padding: 10px 15px 15px 15px;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
    
#sidebar-home-left .widget-area h3 {
font-size:1.2em;
}

.textwidget img {
border:6px solid rgba(100,100,100,0.1);
margin:0 6px 6px 0;
align: center;
}

#header #title {position:relative;}
#header #title a {
display:block;
overflow:hidden;
float:none;
}

header #title .social-media-icons {
position:absolute;
bottom:0px;
right:0;
z-index:1000;
}

#header #title .social-media-icons a {
display:inline-block;
}

#main header .container {
background:none !important;
}

header .social-media-icons img {
width:100%;
opacity:0.7;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
-ms-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}

header .social-media-icons img:hover {
opacity:1;
}

.book_image_single {
width: 25%;
}

.book_information {
width: 74%;
}

.book_desc_single {
width: 60%;
}

.book_details_sidebar {
width: 38%;
}


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

#main .book_desc_single,
#main .book_details_sidebar {
width: 100%;
float:none;
}

}

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

header .social-media-icons {
display:none;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter{
	margin-top: 1em;
	margin-bottom: 1em;
}

.menu-top-level-nav-container{
display: inline-block;
margin: 0 auto;
padding: 0;
}

#menu-top-level-nav > li{
align: center
text-transform: uppercase;
}

}


#shopfront {
margin: 3em 0;
text-align: center;
}


.post_divider, .post_title_divider {
margin-bottom: 10px
width: 100%;
margin: 10px 0;
height: 2px;
border-bottom: 3px solid #b7c7c5;
float: left;
}

.post_title h3.padded, .post_title h1.padded {
padding-top: 10px;
padding-bottom: 5px;
}


.textwidget img {
border: 1px solid #c6d8cd;
padding: 6px;
margin: 0 16px 16px 0;
}

#shopfront ul li a img {
box-shadow: 0 5px 8px #999999;
}

#shopfront ul li a.shopfront-buy-now {
color: #3d3d3d;
margin: 1em auto 0 auto;
background: #cfcfcf;
width: 30%;
border: none;
}

.post_title p {
padding-bottom: 5px;
}

/* Changes by Greg */

/* Make the front page quote centered and pretty */

.post-content blockquote {
  text-align: center !important;
  padding: 2.5% 20% 1% 20%;
  font-style: italic;
  font-size: 1.2em;  
  color: #3d3d3d;
}

.post-content blockquote p {
  line-height: 120%;
}

#main #post-12 {
  margin-bottom: 3em;
}

/* Change the front page hr borders above and below the quote. This shouldn't be an h1 tag! */

h1.front-page-ruler {
 border-bottom: 8px solid #cfcfcf;
}