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

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

body {
	background			: 	url("https://houseoffiction.co.uk/wp-content/uploads/theme-style/elements/H-O-F_crumpled-paper.jpg") repeat #faf5e3;
	color				:	#666666;
	font-size			:	14px;
	line-height			:	19px;
	font-family			: 	Arial, 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 			: 	#91181e;
	text-decoration : 	none;
}

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

h1 {
	font-size			:	28px;
	color				:	#315364;
	font-family			: 	Georgia, Serif;
}

h2 {
	font-size			:	24px;
	color				:	#315364;
	font-family			: 	Georgia, Serif;
}

h3 {
	font-size			:	18px;
	color				:	#315364;
	font-family			: 	Georgia, Serif;
}

h4, h5 {
	font-size			:	18px;
	color				:	#315364;
	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			:	#ffffff;
}

#nav-primary ul {
		float				: 	left;
	}

#nav-primary li {
	float				: 	left;
}

#nav-primary li a {
	color				:	#315364;
	font-size			:	15px;
	line-height			:	15px;
	text-shadow			: 	#FFFFFF 0px 1px 0px;
	font-family			: 	Arial, Serif;
	border-right		:	1px DOTTED #dotted;
	background			:	#ffffff;
	padding				:	10px 26px 10px 26px!important;
}

#nav-primary li a:hover, .parent_active, #nav-primary .current-menu-item a {
	color				:	#faf5e3!important;
	text-shadow			: 	#dedede 0px 1px 0px!important;
	background			:	#315364!important;
}

#nav-primary li ul li a, #nav-primary li ul li a:hover {
	color				:	#faf5e3!important;
	text-shadow			: 	#dedede 0px 1px 0px!important;
	background			:	#315364!important;
}

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


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

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

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

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

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


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

.post_title p {
	color				:	#315364;
	font-size			:	16px;
	font-family			: 	Arial, Serif;
}

.post_excerpt_home {
	padding-left		:	0px;
}

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


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

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


/* 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				:	#666666;
	background			:	#ffffff!important;
}

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

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

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

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

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


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

#footer .container {
	background			: 	#315364;
	color				:	#faf5e3;
}

#footer h4 {
	font-size			:	13px;
	color				:	#ffffff;
	font-family			: 	Georgia, Serif;
}

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

#footer a:hover,#footer a:active {
	color 			: 	#ffffff;
}



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

.toggleMenu {
  background: #ffffff;
}
  
.toggleMenu:link, .toggleMenu:visited {
  color:	#315364;
}
 
.toggleMenu.active {
  background:	#ffffff;
}

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

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



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

html body {
padding:0;
}

h1, h2, h3, h4, h5 {
clear:none;
line-height:1.2;
}

/*
#content_center.home-promos {
width: 68%;
margin: 0 0 0 2%;
}

.home-promos #sidebar-home-right {
width: 100%;
float: none;
clear:both;
overflow:hidden;
}


.home-promos #sidebar-home-right .widget-area{
width: 22%;
float: left;
}

#sidebar-home-right, #sidebar-home-left {
width: 22%;
}
*/
.mid-row {
overflow:hidden;
clear:both;
margin-bottom:20px;
}

#home-promos {
clear:both;
overflow:hidden;
margin:0;
font-size:.9em;
}

#home-promos h2 {
margin:0 0 10px 0;
}

#home-promos img {
border:4px solid #ccc;
display:block;
}

#home-promos li {
padding:20px;
list-style:none;
width:43%;
float:left;
margin:0;
min-height:200px;
background:#eee;
margin:0 10px 10px 0;
}

#home-promos li.promo-1,
#home-promos li.promo-3 {
clear:left;
}

#home-promos li.promo-2,
#home-promos li.promo-4 {
}

.widget-area #searchform{
height:auto;
margin-bottom:10px;
overflow: hidden;
}

.side-books {
width: 120px;
}

#sidebar .widget-area h3, #sidebar-home .widget-area h3, #sidebar-home-left .widget-area h3, #sidebar-home-right .widget-area h3 {
padding: 0 0 5px 0;
margin-bottom: 10px;
border-bottom: none;
text-align:left;
font-weight: normal;
color: #315364; //blue
}

#sidebar-home-right .widget-area h3 {
border-bottom: 6px solid #ebeced;
font-size: 16px;
}

#sidebar-home-left .widget-area {
background: #ebeced;
padding: 10px 15px 15px 15px;
margin-bottom:10px;

}
#sidebar-home-left .widget-area:nth-child(2){
background: #ebeced;
}
#sidebar-home-left .widget-area:nth-child(3){
background: #ebeced;
}

#sidebar-home-left .widget-area:nth-child(4){
background: #ebeced;
}

#sidebar-home-left .widget-area h3 {
    -webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
text-indent:0;
}
#sidebar-home-left .widget-area:hover h3 {
text-indent:8px;
}


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

#nav-primary {
margin: 0 !important;
padding-bottom:20px;
}

#main #header #nav-primary a {
 text-shadow: none !important;
}
#nav-primary li  {
   position: relative;
 	background:0;
    display: block;
    -webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#nav-primary li:hover {
    background-color: #315364;//blue
}

#nav-primary li a {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
background:0 !important;
    -webkit-transition: all 270ms ease-in-out;
	-moz-transition: all 270ms ease-in-out;
	-o-transition: all 270ms ease-in-out;
	-ms-transition: all 270ms ease-in-out;
	transition: all 270ms ease-in-out;
}

#nav-primary li a:hover,
#nav-primary li a:hover, .parent_active, #nav-primary .current-menu-item a {
background:#315364;//blue

}

#nav-primary .menu-main-navigation-container {
   float:left;
   width:100%;
   position:relative;
}

#nav-primary .menu-main-navigation-container > ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#nav-primary .menu-main-navigation-container > ul > li {
   display:block;
   float:left;
   list-style:none;
   margin:0 6px;
   padding:0;
   position:relative;
   right:50%;
}

#nav-primary .menu-main-navigation-container > ul > li > ul
{
margin-top: -3px !important;
left:0;
background: #315364; //blue
}

#nav-primary .menu-main-navigation-container > ul > li li {
   clear:left;
text-align:left;
width:100%;
-moz-border-radius: 0px;
border-radius: 0px;
}

#nav-primary .menu-main-navigation-container > ul > li li a {
-moz-border-radius: 0px;
border-radius: 0px;
display:block;
}


#main #footer .container {
height: auto;
text-align: center;
overflow: visible;
display: block;
margin-bottom: 100px;
font-weight:700;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0px;
border-radius: 0px;
padding-top:50px;
padding-bottom:50px;
}

#footer .copyright{
font-weight:normal;
font-size:.7em;
}

.toggleMenu,
.toggleMenu.active {
padding:20px 20px 35px 20px;
font-family: georgia, serif;
font-size:1.4em;
}
.toggleMenu.active {
padding:20px;
}
.toggleMenu:hover,
.toggleMenu.active {
background-color: #315364 !important; //blue
}

#footer #nav-footer ul {
padding-bottom: 7px;
}


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

#content_center.home-promos {
width: 68%;
margin: 0 0 0 2%;
}

.home-promos #sidebar-home-right {
width: 100%;
float: none;
clear:both;
overflow:hidden;
}


.home-promos #sidebar-home-right .widget-area{
width: 22%;
float: left;
}

#sidebar-home-right, #sidebar-home-left {
width: 22%;
}

#sidebar-home-right img, #sidebar-home-left img {
max-width: 100%;
height: auto;
}

}



@media only screen and (max-width: 1112px) {
html body {
/*background-image:none;*/
}
#nav-primary {
margin: 0 !important;
}

#nav-primary li  {
   position: relative;
 	background:0;
    display: block;
    -webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px;
color:#000 !important;
}

#nav-primary li:hover {
    background-color:#fff!important;
}

#nav-primary li a {
background-color:transparent !important;
color:#000 !important;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px;
    -webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

#nav-primary li a:hover{
background-color:transparent!important;


}

#nav-primary .menu-main-navigation-container {
   float:none;

   position:static;
}

#nav-primary .menu-main-navigation-container > ul {
   clear:both;
   float:none;
   list-style:none;
   margin:0;
   padding:0;
   position:static;
   left:0;
   text-align:center;
}

#nav-primary .menu-main-navigation-container > ul > li {
   display:block;
   float:none;
   list-style:none;
   margin:0 3px;
   padding:0;
   position:static;
   right:0;
}

#nav-primary .menu-main-navigation-container > ul > li > ul
{
margin-top: 0px !important;
left:0;
background: transparent!important;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px;
display:none;
position:static;
width:100%;
}

#nav-primary .menu-main-navigation-container > ul > li li {
   clear:left;
width:100%;
-moz-border-radius: 0px;
border-radius: 0px;
background: transparent!important;
text-align: center;
}


#nav-primary .menu-main-navigation-container > ul > li li a {
-moz-border-radius: 0px;
border-radius: 0px;
display:block;
}

#nav-primary .menu-main-navigation-container li ul li a, #nav-primary .menu-main-navigation-container li ul li a:hover,
#nav-primary .menu-main-navigation-container li a:hover, .parent_active, #nav-primary .menu-main-navigation-container .current-menu-item a  {
color: #000 !important;
text-shadow: none !important;
background: transparent!important;
}
    
}