/*
Theme name: Joanne Harris website child theme of Twenty Thirteen
Description: Twenty Thirteen adaptation for Joanne Harris website
Author: Madeleine Parkyn, Envoy
Version 0.0.1
Template: twentythirteen
*/
 
@import url('../twentythirteen/style.css');


a:link {
	color: #660033;
	text-decoration: underline;
	
	
}

a:visited {
	color: #163644;
	text-decoration: underline;
	
}

a:hover {
	color: #9ec7db !important;
	text-decoration: none;
	
}



/* TYPOGRAPHY etc ************************************************/

.wp-caption-text {
    color: #aaa09f  !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 300;
line-height:1.2  !important;;
}

.intro {
 font-size: 18px; 
}

ul {
    list-style-type: disc;
color: #163644;
}

.entry-content {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	word-wrap: break-word;
}

img.flex  {width:100%;}

h1, h2, h3, h4, h5, h6 {
    font-family: Caudex, Georgia,serif;
color: #163644;
font-weight:normal;
 }

h1 {
   font-size: 2.4em;
margin-top: 0px;
 }

h6 {
    font-family: Caudex, Georgia,serif;
color: #163644;
font-weight:normal;
font-size:18px;
margin-bottom: 0px;
 }

.entry-title {
font-family: Caudex, Georgia, serif;
color: #163644;
font-weight:normal;
}

/* Category archive page for News and Views ************************************************/
.archive-header {background-color: transparent; }
.archive-title  { display:none;
font-family: Caudex, Georgia, serif;
color: #163644;
font-weight:normal;
margin-top:2em;
}

.entry-meta  {display:none;
}

.navigation.post-navigation {background-color: transparent;}

/*  RESPONSIVE IMAGE SLIDER *****************************************************/

/*needed to prevent jackets being cut off at bottom*/


@media (min-width: 40px) 
{
.bx-viewport {height: 84px!important;
}
}

@media (min-width: 340px) 
{
.bx-viewport {height: 120px!important;
}
}

@media (min-width: 440px) 
{
.bx-viewport {height: 150px!important;
}
}


@media (min-width: 540px) 
{
.bx-viewport {height: 170px!important;
}
}

@media (min-width: 600px) 
{
.bx-viewport {height: 197px!important;
border: solid 1px #000000;
}
}




/* SEARCH page ************************************************************/


h1.page-title {
font-family: Caudex, Georgia, serif;
color: #163644;
font-weight:normal;
}

.page-header  {
background-color: transparent;
}
.xxentry-header {margin-left: 0px}
.xxentry-summary {margin-left: 0px}


/*BOOK DISPLAY page ************************************************************/

.bookpage {margin: 0.75em;
border: 1px solid;
border-color: rgba(22, 54, 68, 0.5); }


/*************************************************/
/*BACKGROUND STYLING*/

html {margin-top: 0px !important;}

body {background-image: url(bkg-strip.jpg);
background-repeat: repeat-x;
background-position:left top;
background-attachment: scroll;
background-color: #dedfe3;}

body {
    margin-top: -28px;
    padding-bottom: 28px;
}

.site {border:none;
background-color: transparent!important;
background-image: url(site-bkg.gif);
background-repeat:repeat-y;
background-position: center top;}



#primary.content-area {background-image: url(border-bkg.jpg);
background-position:center top;
background-repeat:no-repeat;
}

/*#tertiary.sidebar-container { background-image: url(xxbkg-strip.jpg);
background-size:cover;
background-color: #eae6db;}

.sidebar-inner { 
background-color: #eae6db;
}

*/



.widget { 
background-color: #ffffff;
	-webkit-hyphens: none;
	-moz-hyphens:   none;
	-ms-hyphens:    none;
	hyphens:        none;
}

h3.widget-title { 
color:#163644 !important;
font-weight: normal !important;
margin-top: -1em !important;
}

 
.widget-area { 
background-color:#ffffff;
}

.sidebar-inner .widget-area { 
background-color:#ffffff;
border: solid 1px;
border-color: rgba(158, 199, 219, 0.25);
}

.widget.widget_text { 
background-color: #ffffff;

}

#text-2.widget.widget_text { 
background-color: #ffffff;
}


.widget a  {
color:#333333 !important;
}



/*HEADER *************************************************************/

.site-header {
background-image: url("header_plain.jpg");
background-size: 100% 100% !important;
}

.site-header .home-link {
	min-height: 50px;
}

.header-logo  {padding-top: 40px; padding-bottom:20px; display:block; }


.header-logo {margin-top: 20px; width:100%; display:block;} 

.navbar {background-color:#a1c8dc;}


/*TOP NAVIGATION - MENU1 **************************************************/


.menu-top-container {
    background-image: url("nav-bar-bkg.jpg");
    background-size: cover;
    font-family: Caudex,Georgia,serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: rgb(128, 63, 46);
}

.menu-menu-1-container {
    background-image: url("nav-bar-bkg.jpg");
    background-size: cover;
    font-family: Caudex,Georgia,serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: rgb(128, 63, 46);
}



.nav-menu li a {
color: #163644;
font-size:20px;}



.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #660033;
	font-style: normal !important;
}

/* drop down menu css is in the Customise > extra CSS, not here */


/* FOOTER **************************************************************/

.widget-title {
color: #163644 !important;
font-style:normal !important;
font-weight: normal !important;  }


.widget.widget_text  {
background-color: #ffffff;}

.site-footer {background-image: url(footer-bkg.gif);
background-position: center bottom;
background-repeat:no-repeat;
background-color: transparent!important;
}


#secondary.sidebar-container {background-image: url(footer-container-bkg.gif);
background-repeat:repeat-y;
background-position: center top;
background-color: transparent!important;
}



/* required to make various footer element all have the same background color */

.masonry {
background-color: #ffffff;}

#text-14 {
background-color: #ffffff;}


/* END */


/* taking navigation off the end of the page */

nav.navigation.paging-navigation {display:none;
background-color: transparent;}

.nav-links {display:none;
background-color: transparent;}


/* STRUCTURAL CHANGES ***************************************************************/

/* structural changes */
/* move sidebar to left */

.site-main .widget-area {float: left;}

h1.xxxentry-title {
		padding: 0 0px 0 280px;
	}

.archive-title, .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
		padding: 0 60px 0 340px;
	}

@media (max-width:999px) {
.archive-title, .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
		padding: 0;
	}

h1.xxxentry-title {
		padding: 0 0px 0 280px;
	}
}


#main.site-main:before, #main.site-main:after {content: " "; display: table;}
#main.site-main:after {clear: both;}
#main.site-main {*zoom: 1;} 
/* END move sidebar to left */



/* FULL WIDTH page */

.entry-header-full,
.entry-content-full,
.entry-summary-full,
.entry-meta-full {
	margin: 0 auto;
	max-width: 800px;
	width: 85%;
}


/* @ media query - navigation */

@media (max-width: 643px) {
	
/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: normal 16px/1.3 Caudex, Georgia, serif;
		font-weight: 400;
		text-transform:uppercase;
		letter-spacing: 0.05em;
		margin: 0;
		padding: 12px 0 12px 20px;
	}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
background-color: #ffffff;
background-image: url(fdfsd);
}


	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #db572f;
		color: #fff;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}

}