/*
Theme Name: Parabola Child (@YorkStories)
Author: Lisa
Template: parabola
Version: 3.0.13
*/

/*from original York Stories child theme, adapted for lisa-writes blog, adapted from that for collective*/

@import url("../parabola/style.css");
@import url("../parabola/styles/style-frontpage.css");
@import url("../parabola/styles/style-mobile.css");

body{
/*background-image: url('http://yorkstories.co.uk/images/2013wp/walls-310707-bg-image-900.jpg');*/
/*background-repeat: repeat-x;*/
font-size: 100%;
font-family: 'Noto Serif', Georgia, serif;
background-color: transparent;
}

#content {
/*background-image: url('http://yorkstories.co.uk/images/lisa-writes/green-shoots-180907-800.jpg');*/
background-repeat: repeat-y;
background-position: bottom;
}

.magazine-layout #content article.page,
.magazine-layout.search #content article{/* Magazine layout - adding my older Pages to this format used for posts*/
float:left; width:49%;
padding: 22px 15px 10px;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}

div.entry-summary img {
padding-bottom: 1em;
}

h2.entry-title {/*for titles in excerpts*/
line-height: 1.2em !important;
margin-bottom: 15px !important;
}

.entry-header h2.entry-title a:hover {
color: #BF4D28;
}

a.continue-reading-link {
padding:2px 6px;
margin-top: 12px;
line-height:1.6em;
}

/*header section*/
	#site-title span a 
	{background-color: #4779a3;
	color: #f7f7f7 !important;
	letter-spacing: 0.1em;
	padding: 1.3em 0.5em 0.8em 0.5em;
	text-transform: uppercase;
	}
	#site-description 
	{background-color: #4779a3;
	color: #f7f7f7 !important;
	padding: 0.5em 1.6em 0.65em 1.6em;
	font-size: 145%;
	}

div.mob-alt {
display: none;
}

#header-container {
max-height: 300px;
}	
	
#nav {
clear: both;
}

#access {
margin: 0;
display: inline;
}

#access .menu ul li {
margin-bottom: 0;
margin-right: 15px;
}

/*basic menu*/
@media (min-width: 481px) {
div#mobile-mini-menu {
display: block;
}
}

/*front page - layout */

/*
#frontpage p, #frontpage li{
font-size: 0.9em;
}*/

#frontpage div.left-wrapper {
/*background-image: url('http://yorkstories.co.uk/images/lisa-writes/green-shoots-180907-800.jpg');*/
background-repeat: no-repeat;
background-position: top;
float: left;
width:75%;
}

#front-columns #column1, #front-columns #column2, #front-columns #column3 {
width: 31%;
display: inline-block;
margin-right: 1%;
}

/*added right column to alter layout from original frontpage setup*/
#frontpage div.right-column {
/*float: left;*/
float: right;
width: 22%;
}

/*front page prettifying*/
/*#frontpage .column-text {
font-size: 1em;
}*/

#frontpage #front-columns {
padding-top: 15px;
}

.column-text { /*front (presentation) page boxes*/
	text-align:left;
	padding:15px;
}

#front-text3 img { /* all listings with pics of pages under top 3 columns*/
float: left;
margin: 0 1em 1em 0;
}

#front-text3 p {
padding-top: 1.2em;
}

div.right-column {
background-color: #fff;
	padding:10px;
	margin: 10px 0 0 0;
	/*border:1px solid transparent;*/
}

div.right-column a.nav { /*hides 'prev' and 'next', as links didn't work*/
	display: none;
	}
	
h3.column-title {
/*background-color: #7e592a;
color: #fff;*/
border-left: 10px solid #4779a3;
	/*font-size: 1em;*/
  padding:6px 10px;
	margin: 20px 0 10px 0;
	}
	
div.right-column ul, div.right-column ul ul {
	list-style: none !important;
	list-style-image:none;
}

/*.widget-container > * {max-width:100%;}*/

div.right-column ul li {
	display:block;
	float:none;
	margin-bottom: 0.9em;
	/*font-size: 1em;*/
	line-height: 1.5em;
}

div.nivoSlider a.continue-reading-link {
background-color: transparent;
}

div.nivoSlider a.continue-reading-link span.meta-nav {
display: none;
}	
	
/* end of front page css */

/*general, sitewide, text etc*/

p {
color: #000;
}



h3.widget-title {
  padding:3px 10px;
  /*font-size: 110%;*/
  border-left: 10px solid #4779a3;
}

div#secondary ul.menu li.recent-comment, div#secondary ul.menu li.recent-comment a{
/*font-size: 0.9em;*/
line-height: 1.5em;
}

div#secondary ul.xoxo li  a{/*not sure if in use*/
margin: 0.8em 0;
line-height: 110%;
padding: 0.5em 0;
}

li.recent-comment {
line-height: 150%;
}

div#main {
/*background: #fefee1;*/
background: transparent;
/*border-top: 1px solid #fff;*/
}

div.category-header {
display: none;
}

div.clear {
clear: both;
height: 1px;
}

.caps {
text-transform:uppercase;
}

div.spaced {
margin: 20px 0;
}

#site-copyright {
	font-style: normal;
	color: #444444;
}

div.plugin_tag_list {/*from Flatpress installation, links to old blog folder*/
display: none;
}

div#footer-widget-area h3.widget-title {
display: none;
}

div.credit {/*leaving credit in source*/
display: none;
}

div.category-header {
display: none;
height: 0;
border: 0;
}

div.entry-content p {
padding-right: 10px;
}

div.entry-content ul li { /*added June 2014*/
padding: 0.6em 0.3em;
}

div.entry-content blockquote {
margin: 18px 18px 28px 18px;
font-style: normal;
background-color: #f7f7f7;
}

div.entry-content blockquote p {/*added May 2014*/
padding: 0.6em;
}

div.entry-content blockquote img{
padding-top: 18px;
}

div.quoted {
border-left: 6px solid #BF4D28;
border-right: 6px solid #bf4d28;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 1em 0;
width: 65%;
-webkit-border-radius: 10px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius: 10px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 10px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
background-color: transparent;
}

div.quoted p.intro {
padding: 1em;
}

div.quoted blockquote{
/*margin: 0 20px;*/
border-left: 6px solid #BF4D28;
border-right: 6px solid #bf4d28;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 1em 3em;
width: 75%;
-webkit-border-radius: 10px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius: 10px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 10px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
background-color: transparent;
background-image: url('http://www.yorkstories.co.uk/images/curly-quotes-open-grey.jpg');
background-repeat: no-repeat;
}

div.quoted blockquote p {
padding: 0.5em 2em;
background-image: url('http://www.yorkstories.co.uk/images/curly-quotes-closed-grey.jpg');
background-repeat: no-repeat;
background-position: bottom right;
}

div.indented-list ul li {
margin-left: 3.6em;
list-style: none;
}

div.page-intro {
display: none;
}

div.page-intro div.post, div.page, .yoyo > li  {
padding: 10px 10px 0 20px;
margin: 0 0 -15px 0;
}

#content h1.entry-title {
padding-bottom: 10px;
}

.prev-next-added {
clear: both;
display: block;
height: 3em;
margin: 15px 20px;
/*font-size: smaller;*/
}

span.tags-top {
float: left;
margin-left: 2em;
}

.entry-meta {
margin: 1.2em 0;
}

.entry-meta span.bl_categ {/*don't display category under post title*/
display: none;
}

span.bl_bookmark a {
text-decoration: underline;
}

div.entry-utility{
margin-bottom: 1.2em;
}

/*a.comments-link {
font-size: 0.9em;
}*/

div.entry-content p img {
clear: left;
float: left;
padding: 1em 2em 2em 0;
}

.footer-tags {
display:block;
padding: 2em 0;
}

/*
div.entry-content p {
float: left;
clear: right;
}*/

h2, h3, h4 {
font-weight: medium;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    line-height: 1.2em;
    margin: 30px 0 20px 0;
}

h3#reply-title {/*comment form title*/
margin: 0.2em 0;
/*font-size: 180%;*/
}

#nav-below {
/*margin: 1em 0;*/
display: none;
}

div.entry-content div.old-page img {
clear: none;
float: left;
padding-top: 20px;
}

div.old-page .caption {
background: #f6f5de;
border-top: 1px solid #f7f7f7;
margin-bottom: 8px;
}

div.old-page .caption p {
padding: 3px 0;
}

div#rightlinks {/*old pages, extra nav between pages, hardcoded*/
background: #f6f5de;
border-top: 1px solid #f7f7f7;
padding: 3px 0;
text-align: right;
/*font-size: 90%;*/
}

div.old-page br {/*wordpress has added extra br between floated images in some imported pages, need to remove to get images to line up*/
display: none;
}

div.old-page blockquote br {/*.... but then it removes the linebreak in poetry excerpts*/
display: block;
}

div.break-spaced {/*I need a space between stanzas in poetry etc*/
height: 1em;
}

#content div.old-page p.date{
margin-bottom: 1.5em;
padding-left: 2px;
}

div.old-page p.date + p{ /*only way I could line up top image with text in older pages*/
line-height: 0;
border: 1px solid transparent;
}

div.old-posts-clearing p {/*photos and text have lost proper alignment on some older pages, clearing seems only option*/
clear: both;
}

div.image-clear p {/*similar to above ... eg, on Banana Warehouse page*/
clear: both;
}

div.old-page div.imgblock {/*old page - used on All Saints Pavement page*/
float: left;
width: 265px;
}
div.old-page div.imgblock img.stacked {
margin: 0 10px;
padding: 0;
}

/*plugin, used on a couple of 'photo album' pages*/
.kb-inlinePicasa h3 {
display: none;
}

.kb-inlinePicasa-caption {
font-size: 100%;
}

@media (max-width : 320px) {/*not sure if this is working*/
.kb-inlinePicasa-table{margin:1em 0;}
.kb-inlinePicasa-image{margin: 0;}
.kb-inlinePicasa-caption{font-size: 90%; margin: 0.3em 0;}
}

div.decorative-pic {/*eg on contact form, not displayed on small screen*/
display: inline-block;
float: left;
width:30%;
}

div#contact-form {/*plugin*/
width:50%; 
display: inline-block;
float: left;
margin: -15px 15px 25px 15px;
}

iframe {
clear: both;
margin: 15px 0;
}

div.wp_rp_content {/*used by related posts plugin*/
margin: 1.4em 0 !important;
}

div.get-image-plugin {/*not sure I need this now, but leaving in case*/
display:none;
}

div.tweet-embed {
margin: 2em 0;
}

div.books-ad  {
padding-left: 1em;
}

div.entry-content p a {
/*text-decoration: underline;*/
border-bottom: 1px dotted #7e592a;
}

/*share buttons, using custom icons and code, rather than available plugins*/
div.share {
margin: 0 5px 0 0;
float: right;
width: 160px;
height: 50px;
}
 
 .googleplus {  
 position:relative;
}  

.googlehider {  
 opacity:0;  
 height:50px;  
 width:38px;  
 position:absolute;  
 top:0;  
right:0;  
 z-index:3;  
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
 filter:alpha(opacity=0);
}
  
.mygoogle {  
 position:absolute;  
 top: 0;  
 right:0;  
 z-index:2;  
 margin-left:6px;
height: 38px; 
}

.twitter-tweet-this, .pinterest-pin, .fb-recommend {
width: 32px;
}

.twitter-tweet-this {
margin-right: 10px;
float: right;
clear: none;
clear: none;
}

.pinterest-pin {
float: right;
clear: none;
margin-right: 10px;
margin-top: 0px;
}

.fb-recommend{
float: right;
clear: none;
margin-right: 42px;
}

div#share-buttons2 div.share {/*repeated below content*/
clear: both;
display: block;
float: left;
height: 50px;
margin: 25px 0 25px 0;
}
/*end of share buttons info*/

div.introbox {/*used on digitised docs page, poss others?*/
clear: both;
margin: 2em 0;
}

div.introbox img { 
float: left;
padding: 0.5em 1em 1em 0;
}

div.introbox a {
font-weight: bold;
text-decoration: underline;
}

@media (min-width: 1024px) {

#branding-front, #branding {
/*background-image: url('http://yorkstories.co.uk/images/2013wp/yorkstories-masthead-larger.jpg');
background-repeat: no-repeat;
background-size: cover;*/
width: 100%;
 }
 
#branding-front {/*for deeper header image on front page, overrides Parabola settings panel*/
height: 300px !important;
}

#branding-front div.yslogo {
    position: relative;
    /*min-height: 200px;
    width: 100%;*/
    height: 100%;
    width: 100%;  
}

#branding div.yslogo {
    position: relative;
    height: 100%;
    width: 100%;
}

#branding-front div.yslogo img {
    /*position: absolute;
    right: 25px;*/
     position: absolute;
    right: 20px;
    bottom: 0;   
}

#branding div.yslogo img {
    position: absolute;
    right: 20px;
    bottom: -8px;
}

div#secondary ul.menu li.recent-comment, div#secondary ul.menu li.recent-comment a{
/*font-size: 0.9em;*/
line-height: 1.5em;
}

div.entry-content {/*June2014 addition*/
margin-left: 2em;
margin-right: 2em;
}
}

@media (min-width: 980px) {
#content h1.entry-title {
	line-height: 110%;
	padding-bottom: 20px;
	width: 73%;
	float: left;
	display: inline;
}
}

@media (min-width: 481px) and (max-width: 979px) {
h1.entry-title {
width: 65%;
display: inline;
float: left;	
}

div.share {
float: right;
}
}

@media (min-width : 768px) 
and (max-width : 1024px) {
/*body{
background-image: url('http://yorkstories.co.uk/images/2013wp/walls-310707-bg-image-900.jpg');
background-repeat: repeat-x;
}*/

#branding-front, #branding {
/*background-image: url('http://yorkstories.co.uk/images/2013wp/yorkstories-masthead-larger.jpg');
background-repeat: no-repeat;
background-size: cover;*/
width: 100%;
height: auto;
}

#branding-front {/*for deeper header image on front page, overrides Parabola settings panel*/
height: 300px !important;
}

#branding {
height: 205px !important;
}

#branding-front div.yslogo {
    position: relative;
    float: right;
    /*min-height: 200px;
    width: 100%;*/
    height: 300px;
    width: 130px;  
}

#branding div.yslogo {
    position: relative;
       float: right; 
    height: 100%;
    width: 130px;
}

#branding-front div.yslogo img {
    /*position: absolute;
    right: 25px;*/
     position: absolute;
    right: 20px;
    bottom: 0;
    height: 188px;
}

#branding div.yslogo img {
    position: absolute;
    right: 20px;
    bottom: -8px;
}

.widget-area h3{ /*addition, April 2014*/
font-size: 1em;
}

.widget-area ul { /*addition, April 2014*/
font-size: 0.9em;
}

div.right-column h3.column-title { /*April 2014*/
font-size: 1.2em;
}
}


@media(max-width: 768px) {

div.quoted {
border-left: none;
border-right: none;
}

div.quoted, div.quoted blockquote {
margin: 1em 0;
padding: 0.5em 0;
width: 100%;
}

div.quoted p, div.quoted blockquote p {
padding: 0.8em;
}
}

@media (min-width: 640px) and (max-width: 767px) {

#frontpage div.left-wrapper {
width:100%;
display: block;
clear: both;
}

#front-columns > div {
display: inline-block;
float: left;
width: 32%;
}

#front-columns #column1, #front-columns #column2, #front-columns #column3 {
display: inline-block;
float: left;
width: 32%;
}

#frontpage div.right-column {
clear: both;
display: block;
width: 95%;
margin: 10px auto;
}
}


@media (max-width: 640px) {

body {
font-size: 80%;
}

#content img {
float: none;
}

/*#content h1, #content h2  {
font-size: 2em !important;}*/ 

#content h3, #content h4, #content h5 {
font-weight: bold;
/*font-size: 1.5em !important;*/ 
}

/*body, #content, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote {
		font-size: 1em !important;
}*/
}

@media (min-width: 481px) and (max-width: 640px) {

#frontpage div.left-wrapper {
width:100%;
display: block;
clear: both;
}

#front-columns > div {
display: inline-block;
float: left;
width: 32%;
}

#front-columns #column1, #front-columns #column2, #front-columns #column3 {
display: inline-block;
float: left;
width: 32%;
}

#frontpage div.right-column {
clear: both;
display: block;
width: 95%;
margin: 10px auto;
}
}

@media (max-width: 480px) {

#front-text3 img { /* all listings with pics of pages under top 3 columns*/
float: none;
display: block;
}

#front-text3 p {
padding: 1em 0.2em 2em 0.2em;
}

#access ul li {
display: none;
}

#header-container > div#sheader {
display: none;
}

.magazine-layout #content article.page, .magazine-layout .search #content article{margin:5px 0;width:100%;}

div.share {
display: none;
}

/*body, #content, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote {
		font-size: 80%;}*/

.entry-content br {/*because FP/WP added <br /> after floated images, need this to clear text*/
clear: both;
}

div.entry-meta {
width: 100%;
clear: both;
margin: 0.5em 0;
}

div#share-buttons2 div.share {/*repeated below content*/
display: block;
}

div.decorative-pic {/*eg on contact form, not displayed on small screen*/
display: none;
}

div#contact-form {/*plugin*/
width:90%;
clear: both; 
display: block;
}
}

@media (min-width: 321px) and (max-width: 480px) {/*adjustments*/

#frontpage div.left-wrapper {
width:100%;
display: block;
clear: both;
}

#front-columns > div {
display: inline-block;
float: left;
width: 32%;
}

#front-columns #column1, #front-columns #column2, #front-columns #column3 {
display: inline-block;
float: left;
width: 32%;
}

#frontpage div.right-column {
clear: both;
display: block;
width: 95%;
margin: 10px auto;
}
}

@media (max-width : 320px) {

.magazine-layout #content article.page,
.magazine-layout.search #content article{/* Magazine layout - for older content (pages not posts) not covered in parent theme css*/
float: none;
width: 100%;
}

#frontpage div.left-wrapper {
width:100%;
}

#front-columns > div {
display: block;
clear: both;
float: none;
width:100%;
}

#front-columns #column1, #front-columns #column2, #front-columns #column3 {
display: block;
clear: both;
width: 100%;
}

#frontpage div.right-column {
clear: both;
width: 90%;
padding: 0.1em 1em;
}
}