/*
Theme Name: 	GoThereFor
Description: 	MM Resource Warehouse theme
Version: 		1.0
Author: 		Sam Freney
Author URI: 	http://freney.org
*/

/*
===========================
CONTENTS: 

1	Defaults
2	Typography
3	Layout
4	Media Queries
5 	Background image resets
================================================
*/

/* ---------------------------------------------------------
		1 Defaults 	
------------------------------------------------------------ */


/* RESETS */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6{font-weight:normal}a{color:blue}a:focus{outline:thin dotted}abbr[title]{border-bottom:none}b,strong{font-weight:700}i,em,dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace, monospace;_font-family:'courier new', monospace}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}label{cursor:pointer}input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;vertical-align:middle}button,input{line-height:normal;overflow:visible}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}




header, nav, section, article, aside, footer, hgroup {
        display: block;
}

div,
article,
section,
header,
footer,
nav,
figure,
li {	position: relative; } /* For absolutely positioning elements within containers */
.group:after { 
		display: block; 
		height: 0; 
		font-size: 0; 
		content: "."; 
		clear: both; 
		visibility: hidden; 
} /* For clearing */

* { 	
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box; 
} /* Apply a natural box layout model to all elements — see http://paulirish.com/2012/box-sizing-border-box-ftw */

:: -moz-selection { background: #81C751; color: #333; }
:: selection { 		background: #81C751; color: #333; }





/* ********* ********* ********* ********* ********* ******** */
/* ----------------------------------------------------------
		2 Typography
------------------------------------------------------------- */
/* ********* ********* ********* ********* ********* ******** */

/*
	14 / 16	= 		0.875em 	=	14px
	16 / 16	= 		1em 		=	16px
	18 / 16 = 		1.125em 	=	18px
	21 / 16 = 		1.3125em 	=	21px
	24 / 16 = 		1.5em 		=	24px
	30 / 16 = 		1.875em 	=	30px
	36 / 16 = 		2.25em 		=	36px
	48 / 16 = 		3em 		=	48px
	60 / 16 = 		3.75em 		=	60px
	72 / 16 = 		4.5em 		=	72px
*/

body, p { 
		font-size: 1em;
		line-height: 1.5em; 
}

/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Families */
body, input { 	
		font-family: 'Crimson Text', serif;
		font-weight: 400; 
		font-style: normal;
}



p.call a,
span.subscribe a,
button,
a.button,
button.button,
input.button,
input#submit {
		font-family: 'Montserrat', sans-serif;
		font-weight: 700; 
}

/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 { 	
		font-family: 'Montserrat', sans-serif;
		font-weight: 400; 
		font-style: normal;
}

h1 {
		font-size: 2.25em;
		line-height: 1.3em;
		padding-top: 0.7em;
		padding-bottom: 0.5em; 
}
h2 { 
		font-size: 1.875em; 
		line-height: 1.125em; 
		padding-top: 0.3em;
		padding-bottom: 0.25em; 
}
h3 { 	
		font-size: 1.25em; 
		line-height: 1.3125em; 
		margin: 1.5em 0 1em;
}
h4,
h5,
h6 { 
		margin: 0.5em 0;
}

h6 {
        font-size: 0.8em;
}

h1+h3, 
h2+h3,
h2+h4,
h3+h4 {
        margin-top: 0;
}

h2+p, 
h3+p,
h4+p {
        margin-top: 1em;
}

p {	
		margin: 1.5em 0; 
}


.pageid-inline h1, .pageid h1,
section.features div.feature h2.title {
		font-family: 'Montserrat', sans-serif;
		font-weight: 800; 
		font-style: normal;
}
.pageid-inline h1, .pageid h1 {
		font-size: 2.5em;
}

textarea {
		font-family: 'Montserrat', sans-serif;
		font-style: normal;
		font-size: 80%;
}

/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Font sizes, weights, line-heights */

.siteheader nav li,
.lbsTooltipHeader,
input#s {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400; 
		font-style: normal;
		text-transform: uppercase;
		font-size: 0.875em;
}
.headerbar ul li {
		font-family: 'Montserrat', sans-serif;
}

h3 span.sc {
        font-variant: small-caps;
}
p span.sc {
        font-family: 'Crimson Text', serif; 
        font-variant: normal;
}

p.call a,
span.subscribe a,
button,
a.button,
button.button,
input.button,
input#submit { 
		font-size: 0.75em; 
		font-weight: normal; 
		line-height: 1.5em;
}


ul.products li.product a.button {
        font-size: 0.7em
}


time,
section.headerbar p, 
section.headerbar li,
article.idea .author,
article.idea .time,
p.sensei-course-meta,
article.course .lesson-meta {
		font-size: 0.8125em;
		line-height: 1.5em;
}

header ul li,
header.title a,
div.product_meta,
figcaption,
table thead th,
table.plans-pricing,
.sensei-course-meta,
.course_downloads, 
section.lesson-course,
.nav-entries, 
.wp-pagenavi, 
.woo-pagination, 
#post-entries,
.more-replies {
		font-size: 0.875em;
}
.sensei-course-meta, .lesson-meta {
		font-style: italic;
}

section.headerbar h3,
header.title a.edit::before,
#comments h3 {
		font-size: 1em;
		font-weight: normal;
}

header p.call a.prominent,
table.plans-pricing td.price {
        font-size: 1.25em;
}

section.main h4.ideas-section {
        font-variant: small-caps; 
}
.course_category {
		font-weight: bold;
}






/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Colours */
html	 { 	
		background: #fafafa; 
}

body,
input {
        color: #333;                /* Base colour: Dark grey */
}

textarea {
		color: #666;
}

a {
       color: inherit ;             /* Green from GoThereFor logo */
}
a:visited {	
       color: inherit ;             /* Darker version of GoThereFor green */
}

p.call a,
span.subscribe a,
button,
a.button { 
		background-color: #5CC34E;  /* Green from GoThereFor logo */
        color: #fff; 
}
a.button,
button.button,
input.button,
input#submit {
        background-color: #999999;  /* Medium gray for button background */
}

/*
h1 a, h2 a, 
h1 a:visited, h2 a:visited, 
.siteheader a {
        color: #333;                /* Reset heading links to text colour */
/*}*/


h1 a, header.siteheader h2 a, 
h1 a:visited, header.siteheader h2 a:visited, 
.siteheader a {
        color: #333;                /* Reset heading links to text colour */
}

p.call a:hover { 
		background-color: #333;
}
p.call a span {
		color: #ddd; 
}
p.call a:visited {
		color: #fff;
}


/* Section settings: light on dark */
section.block, 
footer {
		background-color: #333;
		color: #eee;
}
section.headerbar .bar-section,
.course_category {
		background-color: rgba(0,0,0,0.4);
		color: #eee;
}
section.headerbar a,
.course_category h3,
.course_category h3 a {
		color: #eee;
}

/* Section settings: dark on light grey */
.course_downloads, section.lesson-course  {
		background-color: #eee;
}

#post-entries,
.nav-entries span.nav-prev, 
#post-entries span.nav-prev, 
.nav-entries span.nav-next, 
#post-entries span.nav-next, 
.nav-entries div.nav-prev a, 
#post-entries div.nav-prev a, 
.nav-entries div.nav-next a, 
#post-entries div.nav-next a {
		background-color: #eee;
}


/* Light greys */
figcaption,
section.main h4.ideas-section,
h4.search-meta, h5.search-meta,
h4.search-meta a, h5.search-meta a,
article.idea .author,
article.idea .time,
div.product_meta {
		color: #ccc;
}


/* Medium greys */
time {
		color: #888888;
}
.sensei-course-meta,
article.course .lesson-meta,
.more-replies	{
		color: #888888;
}
table thead th {
		color: #686868;
}

/* Misc. */
section.promotion {
		background-color: rgba(248, 219, 103, 0.7);
}

table.plans-pricing td.price {
        color: #5CC34E;                 /* Green from GoThereFor logo */
}



/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Links */
a { 
		text-decoration: none;
		border-bottom: 1px solid #bbbbbb;  
}
a:hover { 
		border-bottom: 1px solid #bbbbbb; 
		/*padding-bottom: 0.25em; */
}



p.call a,
span.subscribe a,
button,
a.button,
button.button,
input.button,
input#submit { 
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: none;
		display: inline-block; 
		letter-spacing: 0.25em; 
		margin-right: 1em; 
		padding: 0.5em 1em;
		text-transform: uppercase; 
		-moz-transition: background 0.4s ease-in-out; 
		-ms-transition: background 0.4s ease-in-out; 
		-o-transition: background 0.4s ease-in-out; 
		-webkit-transition: background 0.4s ease-in-out; 
		transition: background 0.4s ease-in-out; 
}








/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Other bits & bobs */

a.read-more {
    text-align: right;
    width: 100%;
    font-size: smaller;
}

span.subscribe 	 { 
		bottom: -1em; 
		display: block; 
		position: absolute; 
		left: 0; 
		right: 0; 
		text-align: center; 
		z-index: 3; 
}
span.subscribe a { 
		background: #75C345; 
		padding: 0.75em 1em; 
}
span.subscribe a:hover { 
		background: #333; 
		border: none; 
}


blockquote {
		margin: 2.5em 0;
		padding-left: 3em;
		border-left: 5px solid #ccc;
}

ol, ul {
		margin: 1.5em 0;
}
ol li, ul li {
		margin-left: 2em;
}
.lesson ol ol {
    list-style-type: lower-alpha;
}
.lesson ol ol ol {
    list-style-type: lower-roman;
}
ol.question li, ul.question li {
	margin-bottom: 6em;
}

/*
ul li {
		list-style: disc;
}
ol li {
		list-style: decimal;
}
*/

textarea {
	width: 100%;
	margin: 20px 0;
	border: none;
	padding: 10px;
}



/* ---------------------------------------------------------
		3 Layout
------------------------------------------------------------ */

img	 { 	
		margin: 1em 0; 
}
div	 { 
		z-index: 1; 
}
div.wrapper 	 { }


/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Site Header */

header.siteheader a.logo {
		float: none;
		/*margin: 20px 20px 10px;*/
		margin: 0 auto;
		padding: 20px 20px 10px;
		text-decoration: none;
		display: block;
		width: 75%;
		max-width: 380px;
		border: none;
}
header.siteheader a.mmlogo {
		float: right;
		/*margin: -10px 20px;*/
		margin: -10px 0;
		padding: 0 20px;
		width: 20%;
		max-width: 80px;
		
}
header.siteheader a img { 
		width:100%; 
		margin: 0;
}

header.siteheader a.logo:hover, header.siteheader a.mmlogo:hover {
		border-bottom: none;
}

header p { 
		padding: 1em 0 2em 0; 
		text-indent: 0; 
		width: 60%; 
}
header p.call a { 
		margin-bottom: 1em; 
}
header p.call a.prominent { 
		padding: 1em;
}
header img.cover { 
		border: 1px solid rgba(0,0,0,0.2); 
		-webkit-box-shadow: 0 10px 10px 5px rgba(0,0,0,0.1); 
		box-shadow: 0 10px 10px 5px rgba(0,0,0,0.1); 
		float: right; /*max-width: 500px;*/ 
		margin-bottom: -5%; 
		position: relative; 
		width: 33.3%; 
		z-index: 2; 
}
header nav		 {
		display:block; 
		width:100%;
}
header nav ul {
        margin-bottom: 0px;
        padding: 0 10px;
}


header ul li	 {
		display:inline; 
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 0;
}
/*
header ul li:last-child { 
		border-right: none;
}
*/
header li.left {
		float: left;
		border-right: 3px solid #75C345;
}
header li.right {
		float: right;
		border-left: 3px solid #75C345;
}



header nav, header nav ul ul, header nav ul ul li {
        z-index: 9999;
}

header ul ul {
	    position: absolute;
		background: #fafafa;
		visibility: hidden;
		margin: 0;
		top: 100%;
		width: 16em;
	    z-index: 10000;
		padding: 1em 0;
}
header ul li.right ul {
	    right: 0;
}
header ul li:hover ul {
		visibility: visible;
}
header li li {
	    padding: 5px 20px 5px 50px;
	    text-indent: -30px;
	    float: none;
	    border-right: none;
}
header li li a {
	    /*border-bottom: solid 1px rgba(1,1,1,0);*/
	    width: 80%;
	    box-sizing: border-box;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		-webkit-transition: none;
		transition: none;
}
header li li a:hover {
		border-bottom: none;
}
header ul li ul a {
	    display: inline-block;
}
header ul ul ul {
	    left: 100%;
	    top: 0;
	    visibility: hidden;
}
header ul li:hover ul ul {
		visibility: hidden;
}
header ul ul li:hover ul {
		visibility: visible;
}

li.basic { list-style-type: circle; }
li.indepth { list-style-type: square; }
li.technical { list-style-type: disc; }

/* Search Form */



nav #searchform {
		top: 3.8em;
		right: 20px;
		text-align: right;
		color: #fafafa;
		display: inline;
}

nav .access-search #s:focus {
	background-color: #fafafa;
	border: 1px solid #a7a7a7;
	color: #222;
}


.assistive-text {
		position: absolute !important;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px);
}
nav #s {
		-webkit-transition-duration: 400ms;
		-webkit-transition-property: width, background;
		-webkit-transition-timing-function: ease;
		-moz-transition-duration: 400ms;
		-moz-transition-property: width, background;
		-moz-transition-timing-function: ease;
		-o-transition-duration: 400ms;
		-o-transition-property: width, background;
		-o-transition-timing-function: ease;
		width: 260px;
}
input#s {
		background: url(img/search.png) no-repeat 100% 50%;
        background-color: #fafafa;
        height: 2em;
        line-height: 1.2em;
        padding: 3px 20px 3px 5px;
        text-align: right;
        border: none;
}
input#s:focus {
		background-color: #eee;
}
nav #searchsubmit {
		display: none;
}






.sidebar-books {
        width: 25%; 
        position: absolute; 
        bottom: 0px; 
        top: 0px; 
        left: 0px;
        overflow-y: auto;
        padding-top: 45%;
        padding-left: 20px;
        padding-right: 20px;
}
.single .sidebar-books {
		padding-top: 10%;
}
.sidebar-books:after { 
		display: block; 
		height: 0; 
		font-size: 0; 
		content: "."; 
		clear: both; 
		visibility: hidden; 
} /* For clearing */

div.pageid {
		margin: 20px;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
}
div.pageid h1 {
		margin-top: 0;
		padding-top: 0.3em;
}
div.pageid h1 img, div.pageid-inline h1 img {
		float: left;
		height: 37px;
		margin: 11px 5px 0;
}


div.pageid-inline {
		margin: 0 0 1em 0;
		padding: 0;
		display: none;      /* Hide this heading, but swap it in for small screens later in media queries */
}
div.pageid-inline h1 {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
}

div.pageid a:hover, div.pageid-inline a:hover, div.pageid a:visited, div.pageid-inline a:visited {
		border-bottom: none;
		color: #222;
}


.sidebar-books .book-container {
		max-width: 200px;
		width: 100%;
		float: left;
}
.book-container h1, .book-container h2, .book-container h3, .book-container h4, .book-container h5, .book-container h6 {
		margin-bottom: 0;
		border-top: 1px #ddd solid;
		padding-top: 20px;
}
.book-container .book {
        width: 100%; 
}
.sidebar-books .book img {
		max-width: 150px;
}

/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Wide Horiontal panels */

section.block {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 0%;
		overflow: hidden;
}

section.block div {
		padding: 5%;
        width: 70%; 
        float: left;
}
section.block div.alt, section.block.alt div {
        float: right;
}

        
section.block div.overlay {	
        width: 65%;
        padding: 10% 10% 10% 5%;
		background: rgba(0,0,0,0.7);
		background: -webkit-linear-gradient(left,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 80%,rgba(0,0,0,0) 100%);
        background: -moz-linear-gradient(left,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 80%,rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(left,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 80%,rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(left,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 80%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 80%,rgba(0,0,0,0) 100%); 	
        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType='1', startColorstr=#CC000000, endColorstr=#00000000);
        -ms-filter: progid:DXImageTransform.Microsoft.Gradient(gradientType='1', startColorstr=#CC000000, endColorstr=#00000000);
}
section.block.alt div.overlay {	
        width: 55%;
        padding: 10% 10% 10% 10%;
		background-image: rgba(0,0,0,0.7);
		background-image: -webkit-linear-gradient(right,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 80%,rgba(0,0,0,0) 100%);
        background-image: -moz-linear-gradient(right,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 80%,rgba(0,0,0,0) 100%);
        background-image: -ms-linear-gradient(right,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 80%,rgba(0,0,0,0) 100%);
        background-image: -o-linear-gradient(right,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 80%,rgba(0,0,0,0) 100%);
        background-image: linear-gradient(to left,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.45) 80%,rgba(0,0,0,0) 100%);	
        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType='1', startColorstr=#00000000, endColorstr=#AA000000);
        -ms-filter: progid:DXImageTransform.Microsoft.Gradient(gradientType='1', startColorstr=#00000000, endColorstr=#AA000000);
}

section.block p {
	    max-width: 35em;
}
section.block p.call { 	
		padding-top: 1em; 
		text-indent: 0; 
}




/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Main page content panel */

section.main {
		padding: 30px 0; 
		text-align: left; 
}
section.main h2.title {
		padding: 0 0 0.3em 0;
}
section.main h4.ideas-section {
        border-top: 1px #ccc solid; 
        border-bottom: 1px #ccc solid; 
        margin-top: 1.3em;
}
section.main p {
		/*padding: 0;*/
}

img.avatar {
		border-radius: 100%; 
		float: right; 
		margin-top: 0px;
		margin-left: 10px;
}

/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Home page blocks */


section.intro div.warehouse {
		background-image:url('img/warehouse.jpeg'); 
		background-size: cover; 
		background-position: left bottom; 
		position: absolute; 
		top: 0; 
		bottom: 10; 
		right: 0; 
		width: 45%; 
		height: 100%;
}
section.intro div.intro-text {
        float: left; 
        padding: 5%; 
        width: 55%;
        background-color: #E9E6E2;
}
section.intro p.call {
		float: right;
}


section.group p.call.group-member {
		display: block; 
		float: none; 
		margin: 0 auto;
		padding: 0 0 35px;
}


section.features {
		padding: 0;
		overflow: hidden;
		background: #333;
}
div.feature {
        width: 33%;
        float: left;
		padding: 20px;
		text-align: center;
}		
div.feature.middle {
		width: 34%;
}
section.features img.title-img {
		width: 100px;
		height: 100px;
}
div.feature img {
	width: 100%;
	max-width: 500px;
}

section.commission 	 { 
		padding: 6% 20%; 
		text-align: center; 
}
section.commission p 	 { 
		text-indent: 0; 
}


section.break {  
		padding: 6% 20%; 
		text-align: center; 
}
section.break p 	 { 
		text-indent: 0; 
}
section.break p.call { 	
		padding-top: 2em; 
}
section.break img.responsive {
		margin: 10% auto 0 auto; 
		width: 100%;
		max-width: 600px;
}



/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* Horizontal page 'sidebar' */

section.headerbar {
		padding: 0 50px; 
		overflow: hidden;
		background-color: #333;
		background-size: cover;
}
section.headerbar h3 {
		width: 100%;
		border-top: 2px solid #ccc;
		padding-top: 0.8em;
		margin-top: 0.6em;
}

section.headerbar.ideas {
		background-image: url('img/bg-ideas.jpeg');
		background-position: 50% 60%;
}
section.headerbar.resources {
		background-image: url('img/bg-resources.jpeg');
		background-position: center bottom;
}
section.headerbar.about {
        background-image: url('img/bg-about.jpeg');
		background-position: 50% 60%;
}
section.headerbar.shop {
        background-image: url('img/bg-shop.jpeg');
		background-position: 0% 15%;
}

section.headerbar .bar-section {
		width: 24%;
		padding: 0 15px;
		margin-right: 20px;
		float: right;
		margin-bottom: -500px;
		padding-bottom: 520px;
}
section.headerbar ul li:before {
		content: '\00bb';   /* Bullet style: >> */
		margin: 0 1em 0 -1.3em;
}

section.headerbar .bar-section ul li {	
		margin-left: 1.3em; 
		list-style: none;
}	

.bar-section p.image { 
		text-align: center;
		padding: 0;
		margin: 0;
}
.bar-section p.image a, .bar-section p.image a:hover {
		text-decoration: none;
}
.bar-section img { 
		height: 75px;
		margin: 10px 0 0;
}

select#aelia_cs_currencies {
        width: 100%;
}
button.change_currency {
        padding: 0.2em;
        font-size: 70%;
        opacity: 0.85;
        width: 100%;
}


div.bg-img-credit {
		position: absolute; 
		right: 10px; 
		font-size: 10px; 
		opacity: 0.6;
}
div.bg-img-credit p {
		margin: 5px 0 0 0;
}
div.bg-img-credit p a {
		color: #222;
}




.column-container {
		max-width: 35em;
		margin: 0px auto;
}


.course_category h3, .course_category h3 a {
		line-height: 1.2em;
}


section.promotion {
		padding: 20px;
		box-sizing: border-box;
		border-radius: 10px;
}

.video-container-outer {
		float: none; 
		padding: 30px 0; 
		width: 100%; 
		max-width: 900px; 
		margin: 0 auto;
}
.video-container { 
		position: relative; 
		float: none !important;
		padding-bottom: 56.25% !important; /* 16:9 */
		padding-top: 0 !important;
		height: 0; 
		overflow: hidden; 
		width: 100% !important;
}
.video-container iframe, .video-container video { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
}

p.video_download_blurb {
		margin: 0;
		font-size: 80%;
}


article {
		padding: 1em 0;
}

article.idea {
		border-bottom: #ccc 1px solid;
}
article.idea.featured {
		border-bottom: none;
		margin-bottom: 2.5em;
}
article.idea:last-child {
		border-bottom;
		margin-bottom: 2.5em;
}
article.idea img.avatar {
		width: 50px; 
		height: 50px; 
}
article.idea p {
		margin: 1em 0;
}
article.idea p.author {
		float: left;
}

article.idea p.time {
		float: right;
}

article.course,
article.resource-page {
		margin-bottom: 1em;
		border-bottom: 1px solid #e2e2e2;
}
h1.title,
article.course header h1,
article.lesson header h1 {
        margin-top: -0.96em; /* line up with Ideas/Resources tag on left */
        
}
article.course h3.index-title {
        margin: 0;
}
article.course p.sense-course-excerpt, article.course p.sensei-course-meta {
        margin: 0.5em 0;
}
article.course:last-child {
		border-bottom: none;
}
article.course .lesson-meta {
		/*display: none;*/
		margin: 0;
		padding: 0.5em 0;
}
article.course .lesson-meta .lesson-status {
		display: none;
}
article.course img.thumbnail,
article.lesson img.thumbnail,
article.resource-page img.thumbnail {	
		border-radius: 100%;
		-webkit-border-radius: 100%;
}
article.course img.wp-post-image {
		float: right;
		margin: 1.5em 0px 10px 10px;
}
article.lesson img.wp-post-image {
		float: right;
		margin: 1em 0px 10px 10px;
}
article.lesson img.wp-post-image.lesson-list {
        width: 100px;
        max-width: 25%;
		margin: 0 0 10px 10px;
        height: auto;
}
article.resource-page img.wp-post-image {
		float: right;
		margin: 0 0 10px 10px;
}
article.resource-page.single header img.wp-post-image {
		width: 150px;
		height: 150px;
		margin-top: 1em;
}

article.course::after, nav:after 		 {
		content: " 0020";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
}


article.lesson .pbg.start:before {
        background-image: url('img/pbg_start.png');
}        
article.lesson .pbg.light:before {
        background-image: url('img/pbg_light.png');
}
article.lesson .pbg.finish:before {
        background-image: url('img/pbg_finish.png');
}
article.lesson .pbg.pray:before {
        background-image: url('img/pbg_pray.png');
}

article.lesson .gg.mirror:before {
        background-image: url('img/gg_mirror.png');
}
article.lesson .gg.practice:before {
        background-image: url('img/gg_practice.png');
}
article.lesson .gg.topic:before {
        background-image: url('img/gg_topic.png');
}

article.lesson .pbg:before, article.lesson .gg:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        height: 40px;
        width: 40px;
        float: left;
        margin-right:0px;
        margin-top: -3px;
        margin-left: -80px;
}
article.lesson p.lesson-excerpt {
        margin-top: 0;
}

header.course-header {
		margin: 2.244em 0 1em;
		padding: 1em 0;
		border-top: 2px solid #e6e6e6;
		border-bottom: 2px solid #e6e6e6;
}
.course_downloads, section.lesson-course  {
		clear: both;
		padding: 10px 20px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		width: 100%;
}
.course_downloads img.info {
        float: right;
        width: 20px;
        height: 20px;
        margin: 0;
}
.course_downloads section.course_download_links {
        padding-bottom: 0.4em;
}
.course_downloads ul.downloads {
        margin-left: 2em;
}
.course_downloads ul.downloads li {
        display: block;
        padding-left: 40px;
        line-height: 2em;
        font-size: 0.9em;
        border: none;
        background-image: url('img/icons/file.png');
        background-position: 0% 0%;
        background-size: contain;
        background-repeat: no-repeat;
}
.course_downloads ul.downloads li.application\/msword,
.course_downloads ul.downloads li.application\/vnd\.openxmlformats-officedocument\.wordprocessingml\.document {
        background-image: url('img/icons/word.png');
}
.course_downloads ul.downloads li.application\/pdf {
        background-image: url('img/icons/pdf.png');
}
.course_downloads ul.downloads li[class*='image'] {
        background-image: url('img/icons/img.png');
}
.course_downloads ul.downloads li[class*='text'], .course_downloads ul.downloads li.application\/rtf {
        background-image: url('img/icons/txt.png');
}
.course_downloads ul.downloads li[class*='video'] {
        background-image: url('img/icons/mov.png');
}

section.lesson-course 		 {
		margin: 1em 0;
}
.course_categories {
		width: 100%;
		float: left;
		margin: 0px;
		padding: 0px;
}

.course_category_background {
		width: 30%;
		height: 180px;
		margin: 1.5%;
		background-size: cover;
		float: left;
		box-sizing: border-box;
}
.floater {
		width: 100%;
		float: left; 
		height: 90px; 
		margin-bottom: -90px;
}
.course_category {
		width: 100%;
		height: 100%;
		float: left;
		padding: 20px;
		box-sizing: border-box;
		text-align: center;
		clear: both;
		position: relative;
}

.footnotes {
    margin-top:3em;
    border-top: 1px solid #ccc;
    padding-top:1em;
    text-align: left;
}


.video_section {
    	margin: 20px 0;
    	padding: 30px 0 10px 0;
    	border-top: gray 1px solid;
    	border-bottom: gray 1px solid;
}

.embed-vimeo {
    	padding-bottom: 20px;
}

.mejs-container {
    	margin-top: 3em;
}


.box_section {
    	background-color: #eee;
        padding: 10px 20px;
        border-radius: 0px;
        border-top: #ccc 1px solid;
        border-bottom: #ccc 1px solid;
        margin-bottom: 2em;
}
.box_section h2, .box_section h3, .box_section h4 {
        margin-top: 0.5em;
}


img.alignright {
		float: right;
		margin-left: 1em;
		margin-top: 0;
		max-width: 40%;
		height: auto;
}
img.alignleft {
		float: left;
		margin-right: 1em;
		margin-top: 0;
		max-width: 40%;
		height: auto;
}
img.aligncenter {
		display: block;
		margin: 1em auto;
		max-width: 100%;
		height: auto;
}
img.full-width {
		width: 100%;
}

div.author-meta {
		margin: 2em 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 1em;
		background: #eee;
}
div.author-meta h3 {
		margin-top: 0.2em;
}

#comments {
		background: #eee;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 1em;
}
#comments h2 {
		padding-top: 1em;
		padding-left: 25px;
		padding-right: 25px;
}
#comments div.respond {
		padding-left: 1.5em;
		padding-right: 1.5em;
		padding-bottom: 1.5em;
		border-top: 1px solid #ccc;
}
#comments div.respond h3 {
		margin-bottom: 0;
}
#comments div.respond p {
		margin: 0.4em 0;
}
#comments div.respond img.avatar {
		float: left;
		margin: 0 0 1em 0;
}
#comments ol.commentlist li.comment, #comments ul li.comment {
		list-style: none;
		margin-left: 0;
		padding: 1.5em;
}
#comments ol.commentlist li:nth-child(even) {
		background: #ddd;
}
#comments div.respond:after {
		display: block; 
		height: 0; 
		font-size: 0; 
		content: "."; 
		clear: both; 
		visibility: hidden; 	
}

#post-entries {
        border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background-color: #eee;
}
#post-entries .fl {
		float: left;
		margin: 0;
		max-width: 46%;
}
#post-entries .fr {
		float: right;
		max-width: 46%;
}
.nav-entries span.nav-prev, 
#post-entries span.nav-prev, 
.nav-entries span.nav-next, 
#post-entries span.nav-next, 
.nav-entries div.nav-prev a, 
#post-entries div.nav-prev a, 
.nav-entries div.nav-next a, 
#post-entries div.nav-next a {
		display: block;
		text-decoration: none;
		line-height: 1.618em;
		padding: .53em 1.618em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
}
.nav-entries div.nav-prev a:hover, 
#post-entries div.nav-prev a:hover, 
.nav-entries div.nav-next a:hover, 
#post-entries div.nav-next a:hover {
        border-bottom: none;
}


section.block div.posters {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-left: 0;
	padding-right: 0;
}
.posters a {
	max-width: 25%;
}
.posters a img {
	width: 100%;
}



/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */
/* WOOCOMMERCE */

table, div.addresses, dl.customer_details {
        background: #fafafa;
        border-collapse: separate;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-bottom: 2.236em;
        border-spacing: 0;
        width: 100%;
        border: 1px solid #ddd;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
}

table thead th {
		border-right: 1px dotted #e9e9e9;
		border-bottom: 2px solid #e5e5e5;
		text-transform: uppercase;
		padding: 1.387em;
		vertical-align: middle;
}
table td {
        padding: 6px 12px;
}

table tr.border-above td {
        border-top: 1px solid #e5e5e5;
}

table.plans-pricing td.check {
        vertical-align: middle;
        text-align: center;
}
table.plans-pricing td.price {
        vertical-align: middle;
        text-align: center;
}
header.title a.edit::before {
		display: inline-block;
		margin-right: .618em;
		line-height: 1em;
		content: "✎";
}
header.title h3 {
		margin-top: 0;
		margin-bottom: 0;
}

table.my_account_subscriptions a.button.change_payment_method,
/*table.my_account_subscriptions a.button.switch,*/
/*table.my_account_subscriptions a.button.cancel,*/
table.my_account_subscriptions a.button.suspend {
		display: none;
}



div.coupon {
		display: none;
}
#payment ul.payment_methods li {
        list-style: none outside;
}
div.sharedaddy, div.sharedaddy .sd-block, div.sharedaddy ul {
        margin-top: 2em;
}

footer { 
		padding: 5% 10%; 
		text-align: center; 
}
footer p.details {
        font-size: small;
        margin: 0.5em 0;
        color: #ccc;
}


span.onsale {
	display: none;
}




/* RefTagger styles */
.lbsTooltip {
		background:#eee;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		z-index: 99;
		text-align: left;
		text-indent: 0;
		letter-spacing: normal;
		-moz-box-shadow:    0px 0px 10px #555;
		-webkit-box-shadow: 0px 0px 10px #555;
		box-shadow: 		0px 0px 10px #555;
		height: 250px !important;
}

.lbsContainer {
		height: 250px !important;
}

.lbsTooltip div {
		text-align: left;
		background: none !important;
}

.lbsTooltipHeader {
		color: #222;
		font-size:15px;
		margin: 0;
		padding: 8px;
		position:relative;
		border: 0;
}

.lbsTooltipBody {
		padding: 4px 8px 0 8px;
		margin:0;
		position:relative;
		z-index: 2;
		border: 0;
		line-height:1.2em;
}

.lbsTooltipBody p, .lbsTooltipBody span {
		display: inline;
		color: #222;
		font-size: 14px;
		line-height:16px;
}

.lbsTooltipFooter {
		font-size:11px;
		bottom:4px;
		margin-top: 4px;
		position:absolute;
		text-align:right;
		border: 0;
		letter-spacing: normal;
}

.lbsTooltipFooter a:link, 
.lbsTooltipFooter a:visited, 
.lbsTooltipFooter a:hover {
		font-weight: normal;
		font-size:11px;
}

.lbsTooltipFooter div {
		text-align:right;
		z-index: 9;
		float: right;
		max-width: 50%;
}


.lbsTooltipBody .ch-ref, 
.lbsTooltipBody .verse-ref {
		font-size: 85%;
		top: -1px;
		position: relative;
}

.lbsTooltipBody .ch-ref {
		font-weight: bold;
}

.lbsTooltipBody .verse-ref {
		color: dimgray;
}

.lbsTooltip, 
.lbsTooltipBody span, 
.lbsTooltip a, 
.lbsTooltipBody p {
		margin: 0;
		padding: 0;
		letter-spacing: normal;
}

.lbsLibronix img {
		float: none !important;
}



/* ********* ********* ********* ********* ********* */
/* ********* ********* ********* ********* ********* */



/* Homepage Block Background Images */

section.features {
        background-color: #E9E6E2; /*#D8CEBB;*/
        color: #333;
}

section.block.benefits-range {
        background-image: url('img/benefits-range.jpeg');
		background-color: #5E453A;
}
section.block.benefits-flexible {
		background-color: #6F4B34;
}
section.block.benefits-adaptable {
		background-color: #42463A;
}
section.block.benefits-access {
        background-color: #572005;
		background-image: url('img/benefits-access.jpeg');
        background-position: 50% 50%;
}
section.block.benefits-options {
		background-color: #E8C385;
		color: #23150D;
}
section.block.benefits-updating {
		background-color: #AACBA6;
		/*background: url('img/benefits-updating.jpeg');*/
}
section.block.benefits-affordable {
		background-color: #121218;
		color: #C5BEB3;
		background-image: url('img/bg-ideas.jpeg');
		background-position: 100% 70%;
}
section.block.benefits-trusted {
		background-color: #C5BEB3;
		color: #121218;
		/*background: url('img/benefits-trusted.jpeg');*/
}

/* ---------------------------------------------------------
		4 Media queries
------------------------------------------------------------ */


/* 1400 and up */
@media screen and (min-width: 1400px) {
		body	 { 	
				font-size: 1.1em; 
		}
}

/* 1000-1400px - incl. iPad landscape */
@media screen and (max-width: 1400px) {
        body { 	
				font-size: 1em; 
		}
		section.features div.feature {
                padding: 10px 50px; 
        }
        section.features h2 {
                font-size: 30px;
        }
		section.main {
				padding: 30px 0; 
				text-align: left; 
		}
		
		.column-container {
				margin-left: 35%;
				padding-bottom: 50px;
		}
}

/* 700-1000px - incl. iPad portrait */
@media screen and (max-width: 1000px) {
        body { 	
				font-size: 1em; 
		}
		section.block div {
				width: 100%;
		}
		section.block div.overlay {
    		    width: 100%;
    	}
		section.features h2 {
			font-size: 22px;
		}
				
		section.headerbar {
			padding: 0;
		}
        section.headerbar .bar-section {
        		width: 33.333%;
        		padding: 0 10px;
        		margin-right: 0;
        		float: right;
        		margin-bottom: -500px;
        		padding-bottom: 520px;
        }
		.column-container {
				margin: 0px auto;
				padding-bottom: 40px;
		}
		.sidebar-books {
		        width: 100%;
		        max-width: 100%;
		        display: block;
		        float: none;
		        position: relative;
		        padding-top: 30px;
		        margin-left: 0;
		}
		.sidebar-books .book-container {
				max-width: none;
		}
        .sidebar-books .book {
                width: 33%;
                float: left; 
                text-align: center; 
                margin-top: 0;
        }
        .sidebar-books .book img {
                max-width: 95%;
        }
		.pageid, .pageid h1 {
				display: none;
		}
		.pageid-inline {
				display: block !important;
		}
		
		article.lesson h2.pbg:before {        
                margin-right: 20px;
                margin-left: 0px;
        }
}

@media screen and (max-width: 700px) {
        div.warehouse {
    		    display: none;
		}
		section.intro div.intro-text {
                width: 100%;
        }
		section.block div { 
				float: left;
		}
		section.block.alt div {
				float: right; 
		}
		section.block div.overlay, section.block.alt div.overlay {
    		    width: 100%;
    		    padding: 5%;
		}
		section.features div.feature, section.features div.feature.middle {
		        width: 50%;
		        padding: 0 20px 0 20px;
        }
        
        section.headerbar {
				/*display: none;*/
		}
		section.headerbar div.bar-section {
    		    width: 50%;
		}
		section.headerbar div.bar-section.extra {
    		    display: none;
		}
		section.main {
				padding: 5px 0; 
				text-align: left; 
		}
		.column-container {
				margin: 0px auto;
				padding: 20px;
		}
		article.course img.wp-post-image, 
		article.lesson img.wp-post-image, 
		article.resource-page img.wp-post-image,
		article.resource-page.single header img.wp-post-image {
    		    width: 75px;
    		    height: 75px;
		}
		header li.right {
				float: left;
				border-right: 3px solid #75C345;
				border-left: none;
		}


}



/* 500 and down: small type for small screens */
@media screen and (max-width: 500px) {
		body	 { 	font-size: 87.5%; }
		
		header ul li:hover ul {
			visibility: hidden;
		}
}


/* ---------------------------------------------------------
		5 Background images for larger screens
------------------------------------------------------------ */


@media screen and (max-width: 640px) {
		/* Page header bar images */
        
        
        /* Homepage Block Background Images */
        section.block.benefits-range {
        		background-image: url('img/benefits-range-640px.jpeg');
        }
        section.block.benefits-access {
        		background-image: url('img/benefits-access-640px.jpeg');
                background-position: center center;
        }
        section.block.benefits-affordable {
        		background-image: url('img/bg-ideas-640px.jpeg');
        }
        section.headerbar.ideas {
        		background: url('img/bg-ideas-640px.jpeg') center bottom;
        }
        section.headerbar.resources {
        		background: url('img/bg-resources-640px.jpeg') center bottom;
        }
        section.headerbar.about {
                background: url('img/bg-about-640px.jpeg') center bottom;
        }
        section.headerbar.shop {
                background: url('img/bg-shop-640px.jpeg') center bottom;
        }

}






table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  min-width: 100%;
  font-family: Garamond;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: left;
  min-width: 250px;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }

  

}

  
.tab-space {
	display: inline-block;
	margin-left: 15px;
}
.present, .qatal {
	color: blue;
}
.aorist, .wayyiqtol {
	color: red;
}
.perfect {
	color: purple;
}


.indicative {
	text-decoration: underline;
	font-weight: bold;
}
.infinitive {
	text-decoration: none;
	font-weight: regular;
}
.subjunctive {
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}
.participle {
	text-decoration: underline;
}



#control {
    background-image: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width='40px' height='40px'><foreignObject width='40px' height='40px'><div xmlns='http://www.w3.org/1999/xhtml' style='width:40px;height:40px;line-height:40px;text-align:center;color:transparent;text-shadow: 0 0 yellow, 2px 4px black, -1px -1px black;font-size:35px;'>💬</div></foreignObject></svg>");
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
}
#control::before{
  background-color: black;
  color: white;
  content: " tweet this! ";
  display: block;
  font-weight: bold;
  margin-left: 37px;
  margin-top: 6px;
  padding: 2px;
  width: max-content;
  height: 20px;
}