/*
Theme Name: AllAboutChris Version 5.0a
Theme URI: http://allaboutchris.org
Author: Chris Lowry
Author URI: http://allaboutchris.org
Description: A custom theme for my personal blog. 5th version!
Version: 5.0.2a
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aac5
Tags:

AllAboutChris Version 5.0a is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Let's keep it simple
Neat. Clean. Clearly organised
Code is poetry

CONTENTS:
1 Normalize
2 Components
	2.1 Typography
	2.2 Elements
	2.3 Forms
	2.4 Links
	2.5 Accessibility
	2.6 Alignments
	2.7 Clearings
3 Structure
	3.1 Menus
	3.2 Header
	3.3 Widgets
4 Content
	4.1 Posts and pages
	4.2 Asides
	4.3 Comments & Meta
	4.4 Front Page
5 Media
	5.1 Captions
	5.2 Galleries
	5.3 Quiz Polls
	5.4 Review Table

6 Infinite scroll

1 NORMALIZE
Normalizing helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:700;}
dfn{font-style:italic;}
h1{font-size:2em;margin:.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:700;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}

/* 	2 COMPONENTS
   	2.1 Typography */
body,button,input,select,textarea{color:#404040;font-family:Cambay, sans-serif;font-size:20px;line-height:1.5;}

h1,h2,h3,h4,h5,h6{clear:left;font-family:Arbutus Slab, serif; font-weight:normal;}
h1.entry-title {text-align:center; font-size:56px; line-height: 66px; margin: 47px 0 22px 0;}

h2 {font-size:31px; text-align:center;}
h3 {font-size:26px; text-align:center;}
h4 {font-size:22px;}
h5 {font-size:19px;}
p{margin-bottom:1.5em;font-size:17px;}

@media screen and (min-width: 1110px) {
h2 {font-size:38px;}
h3 {font-size:30px;}
h4 {font-size:25px;}
h5 {font-size:22px;}
p{font-size:20px;}
}

@media screen and (min-width: 1110px) {
body.single .entry-content p:first-of-type, body.single .entry-content p:nth-of-type(2) {font-size:25px; margin:25px -50px;}
body.single .entry-content p:nth-of-type(3) {padding-top: 10px;}

body.single .entry-content div.topicgroup p:first-of-type, body.single .entry-content div.topicgroup p:nth-of-type(2) {font-size:20px; margin:0 0 1.5em 0;}
body.single .entry-content div.topicgroup p:nth-of-type(3) {padding-top: 0;}
}

dfn,cite,em,i{font-style:italic;}
address{margin:0 0 1.5em;}
pre{background:#eee;font-family:"Courier 10 Pitch", Courier, monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em;}
code,kbd,tt,var{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:15px;font-size:.9375rem;}
abbr,acronym{border-bottom:1px dotted #666;cursor:help;}
mark,ins{background:#fff9c0;text-decoration:none;}
big{font-size:125%;}

/* 	2.2 Elements */
html{box-sizing:border-box;}
*,:before,:after{/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */box-sizing:inherit;}
body{background:#fff;/* Fallback for when there is no custom background color defined. */}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em;}
ul,ol{margin:0 0 1.5em 3em;}
ul{list-style:disc;}
ol{list-style:decimal;}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em;}
dt{font-weight:700;}
dd{margin:0 1.5em 1.5em;}
img{height:auto;/* Make sure images are scaled correctly. */max-width:100%;/* Adhere to container width. */}
table{margin:0 0 1.5em;width:100%;}

body.single div.entry-meta {text-align:center;}
div.entry-content {margin:36px 0 0;}
blockquote{display:block; padding: 25px 0; margin: 0 0 20px; position: relative;}
body.single .entry-content blockquote p, body.single .entry-content blockquote p:first-child {margin:0; color:#ccc; font-size:35px; text-align:left; font-family:Arbutus Slab, serif;}
#comments {overflow:hidden; clear:both;}

div.topicgroup{background-color:#F5F0E6; color:#9c9c9c; padding-top:10px; padding-bottom:10px; font-style:italic; position:relative;}
div.topicgroup:after {content: ""; position: absolute; height: 100%; top: 0; left: 49%; transform: translateX(-49%); width: 100vw; background:#F5F0E6; z-index: -1;}
div.topicgroup:last-of-type {padding-bottom:30px; margin-bottom:70px;}
div.topicgroup:first-of-type {padding-top:30px; margin-top:10px;}

div.convo {text-align:right; background-color:#e6ecff; padding:1px 10px;}
div.convo:nth-of-type(even) {text-align:left; background-color:#ffe6e6;}
.entry-content div.convo p:first-of-type, .entry-content div.convo p:nth-of-type(2) {margin:0 0 1.5em 0; font-size:20px;}

@media screen and (min-width: 1110px) {
blockquote::before {content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ccc; position: absolute; left: -63px; top:5px;}
blockquote::after {content: "\201D"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ccc; position: absolute; right:-63px;; top:5px;}
blockquote em {font-style: italic;}

.nav-previous {margin-left: -50px; width: 504px; float:left; text-align: left;}
.nav-next {margin-right: -50px; width: 504px; float:right; text-align: right;}
}

/*	2.3 Forms */
button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);color:rgba(0,0,0,.8);font-size:12px;font-size:.75rem;line-height:1;padding:.6em 1em .4em;text-shadow:0 1px 0 rgba(255,255,255,0.8);}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa;box-shadow:inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{border-color:#aaa #bbb #bbb;box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;}
select{border:1px solid #ccc;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111;}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"]{padding:3px;}
textarea{padding-left:3px;width:100%;}

/*	2.4 Links */
a{color:#4169E1;}
a:visited{color:purple;}
a:hover,a:focus,a:active,h2 a:hover, h3 a:hover, h4 a:hover {color:#191970;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}

h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited {color:#000; text-decoration:none;}

/*	2.5 Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;/* Above WP toolbar. */}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus{outline:0;}

/*	2.6 Alignments */
.alignleft{display:block}
.alignright{display:block}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}

@media screen and (min-width: 600px) {
.alignleft{display:inline;float:left;margin-right:1.5em;}
.alignright{display:inline;float:right;margin-left:1.5em;}
}

@media screen and (min-width: 1110px) {
body.single .alignright {margin-right: -50px;}
body.single .alignleft {margin-left: -50px;}
}

/*	2.7 Clearings */
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed;}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both;}


/*	3 STRUCTURE */
#page {margin:12px;}
@media screen and (min-width: 1110px) {
#page {width: 910px; margin: 0 auto;}
}


/*	3.1 Menus*/
/* Flexnav - Thanks to http://jasonweaver.name/lab/flexiblenavigation/ for the only drop down and parent clickable responsive menu I could find*/
/**/
.flexnav{-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;overflow:hidden;margin:0 auto;width:100%;max-height:0;}
.flexnav.opacity{opacity:0;height:0;}
.flexnav.flexnav-show{max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;height:auto;margin:0; padding:0;}
.flexnav li{font-size:100%;position:relative;overflow:hidden; font-size: 22px;}
.flexnav li a{position:relative;display:block;padding:.96em;z-index:2;overflow:hidden;color:#222;background:#E7DDC0;;border-radius:8px;margin:3px 9px;text-decoration:none; padding:5px 0 3px 10px;}
.flexnav li ul{}
.flexnav li ul li{font-size:100%;position:relative;overflow:hidden;}
.flexnav li ul.flexnav-show li{overflow:visible;}
.flexnav li ul li a{display:block;background:#F9F0DB;}
.flexnav ul li ul li a{background:#F9F0DB;}
.flexnav ul li ul li ul li a{background:#F9F0DB;}
.flexnav .touch-button{position:absolute;z-index:999; top:7px; right:13px; width:81px; border-radius:5px; height:33px;display:inline-block;background:#acaca1;background:rgba(0,0,0,0.075);text-align:center;}
.flexnav .touch-button:hover{cursor:pointer;}
.flexnav .touch-button .navicon{position:relative;top:5px;font-size:16px;color:#666;}
.menu-button{position:relative;display:block;padding:10px;background:#E1CE97;color:#222;cursor:pointer;border-radius:8px;margin:3px 9px;font-size: 25px;}
.menu-button .touch-button{background:transparent;position:absolute;z-index:999;top:0;right:0;width:50px;height:50px;display:inline-block;text-align:center;}
.menu-button .touch-button .navicon{font-size:16px;position:relative;top:1em;color:#666;}
.lg-screen {display:block;} 

@media screen and (min-width: 600px) {
.flexnav {overflow:visible;} 
.flexnav.opacity{opacity:1; width:193px; float:right; padding: 25px 0 0 0;} 
.flexnav li{position:relative;list-style:none;float:left;display:block;overflow:visible;width:160px; }
.flexnav li a{border:none; background:none; color:#5F5F5F; font-size:24px; text-align:center; padding:5px 0; margin: 0;}
.flexnav li > ul{position:relative;top:auto;z-index: 99; left:-81px; width:244px;}
.flexnav li > ul li{width:100%;}
.flexnav li ul li > ul{margin-left:100%;top:0;}
.flexnav li ul li a{border-bottom:none;font-size:19px;}
.flexnav li ul.open{display:block;opacity:1;visibility:visible;z-index:1;}
.flexnav li ul.open li{overflow:visible;max-height:100px;}
.flexnav li ul.open ul.open{margin-left:100%;top:0;}
.menu-button{display:none;} 
.flexnav .touch-button{right:-36px; width:41px;background:none;}
}

@media screen and (min-width: 1110px) {
.flexnav.opacity {float:right; width:814px; margin:43px -77px 0 0;}
body.home .flexnav.opacity {clear:both; float:none; width:910px; margin: 0 auto;}

.flexnav li {width:160px; padding-right:50px;}
.flexnav li a {text-align:right;}
.flexnav li > ul{position:absolute;}
.flexnav li > ul li{width: 160px;padding: 0;left: 20px;}
.flexnav .touch-button{right:-9px; width:80px;}
}

/*	3.2 Header */
p.site-title a{margin:0 auto;width:333px;height:236px;display:block;text-indent:-5000px;background-image:url(images/allaboutchrislogo.jpg);background-size:100% 100%;}
.header-bio {display:none;}

@media screen and (min-width: 600px) {
div.site-branding{float:left;width: 55%;}
}
@media screen and (min-width: 1110px) {
div.site-branding{float:none; width: 100%;}

p.site-title a {margin: 0 0 0 -75px; width:229px; height:171px; display:block;text-indent:-5000px;background-image:url(images/allaboutchrislogo.jpg);background-size:100% 100%; float:left;}
.header-bio, .header-bio h2, .header-bio p, .header-bio-image {visibility:none;}

body.home p.site-title a{width:500px;height:355px; margin:0 auto;}
body.home .header-bio {visibility:visible; display:block; float:right; width:408px; text-align:right;}
body.home .header-bio h2 {visibility:visible; font-size:40px;margin:0px;}
body.home .header-bio p {visibility:visible; margin: 14px 0; font-size:18px;}
body.home .header-bio-image {visibility:visible; float:right; margin-right:-49px; position:relative;shape-outside:url(http://allaboutchris.org/w/wp-content/uploads/2011/08/Chrispic.png); shape-image-threshold: 0.5; right:-10px;}
	
div.sitebranding div.mc4wp-form-fields {background-color: #fdd702;border-radius: 12px;padding: 0 15px;float: right;}	
div.sitebranding div.mc4wp-form-fields p {font-size:14px;}

@supports (shape-outside:url(foo.png)){
  /* styles only for browsers which support shapeoutside */
  .header-bio p {font-size:20px;}
}
}

/* 	3.3 Widgets */
.widget{margin:0 0 1.5em;}
/* Make sure select elements fit in widgets. */.widget select{max-width:100%;}

/* 	4 CONTENT
	4.1 Posts and pages   */
.sticky{display:block;}
.hentry{margin:0 0 1.5em;}
.byline,.updated:not(.published){display:none;}
.single .byline,.group-blog .byline{display:inline;}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0;}
.page-links{clear:both;margin:0 0 1.5em;}
.nav-links {padding: 30px 0 45px;}

article.type-post h4 {margin-bottom:5px;}
article.type-post p {text-align:left; margin-bottom:5px;}
article.type-post .entry-summary {margin:0;}

div.archive-meta{background-color:#F5F0E6; color:#9c9c9c; padding-top:10px; padding-bottom:10px; font-style:italic; position:relative;}
div.archive-meta:after {content: ""; position: absolute; height: 100%; top: 0; left: 49%; transform: translateX(-49%); width: 100vw; background:#F5F0E6; z-index: -1;}
.archive-meta p.readmorelink {float:left; width:200px; margin-top: 0px;}
.archive-meta .posted-on {display:block; font-size:16px; margin-bottom:5px;}
.archive-meta .cat-links, .archive-meta .tags-links {font-size:14px;}
.archive-meta-extra {float:right; width:600px; line-height: 16px;}
.archive-meta-end {height:1px; clear:both;}

/*	4.2 Asides           */
.blog .format-aside .entry-title,.archive .format-aside .entry-title{display:none;}

/*	4.3 Comments & Meta   */
.comment-content a{word-wrap:break-word;}
.bypostauthor{display:block;}

@media screen and (min-width: 1110px) {
div#comments {clear:left;}
div.entry-meta-footer {float:right; width:300px; margin-top:0.83em;}
}

/*----	4.4 Front Page 		*/
h2 a.frontthumb {width:260px;}
h3 a.frontthumb {width:180px;}
h4 a.frontthumb {width:130px;}
.frontentry h2, .frontentry h3, .frontentry h4 {text-align:left; margin-bottom:5px;}
.frontentry p {margin: 5px 0;}

.frontentry .frontthumb.alignleft {margin:0 23px 10px 0;}
.frontpost {padding-bottom:10px;}
.frontpost.firstpost {padding:10px 0 50px;}
.frontcolumn {width:430px; float:left; clear:left;}
.frontcolumn.secondcolumn {float:right; clear:right;}

@media screen and (min-width: 1110px) {
.frontpost.firstpost p:first-of-type {font-size:25px; margin:25px -50px;}
}

/* 	5 MEDIA */
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;}
/* Make sure embeds and iframes fit their containers. */embed,iframe,object{max-width:100%;}

/* 	5.1 Captions */
.wp-caption{margin-bottom:1.5em;max-width:100%;}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text{margin:.8075em 0;}
.wp-caption-text{text-align:center;}

/*	5.2 Galleries */
.gallery{margin-bottom:1.5em;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;}
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
.gallery-caption{display:block;}

/*	5.3 Quiz Polls */
.quiz_section .mlw_qmn_new_question {font-size:25px;}

/*  5.4 Review Table */
 .tg  {border-collapse:collapse;border-spacing:0; width:80%;}
.tg td{border-color:black;border-style:solid;border-width:1px;  overflow:hidden;padding:10px 5px;word-break:normal; font-family: Cambay, sans-serif;
    font-style: italic; font-size: 20px;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-61xu{background-color:#cbcefb;border-color:inherit;text-align:left;vertical-align:top;}
.tg .tg-3kui{background-color:#dae8fc;border-color:#000000;text-align:left;vertical-align:top;}
.tg .tg-x6qq{background-color:#dae8fc;border-color:inherit;text-align:left;vertical-align:top;}
.tg img {padding-left:50px;}
.tg h3, .tg h2 {margin:0;}

/* 	6 INFINITE SCROLL */
/* Globally hidden elements when Infinite Scroll is supported and in use. */.infinite-scroll .posts-navigation,/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer{/* Theme Footer (when set to scrolling) */display:none;}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */.infinity-end.neverending .site-footer{display:block;}