/*
Theme Name: LearnOutLive.com
Description:  hand-conded theme
Version: 0.1
Author: André Klein
Author URI: https://andreklein.net

*/

/* Default Elements */


:root {
	--font-family: lato,Calibri,myriad pro,Myriad,trebuchet ms,Helvetica,Arial,sans-serif;
	--grey-bg: #f7f7f7;
}

/* this may break stuff*/
html {
	scroll-padding-top: 4em;
}

body {
	font-family: var(--font-family);
	width: 100%;
    font-size: 18px;
    line-height: 31px;
    font-style: normal;
    color: #494949;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#container {
	margin-top: 62px;
	height:100vh;
	-webkit-overflow-scrolling:touch;
}

a {
	color: #2a639a;
}

a:hover {
	color: black;
}

ul, ol {
	margin: .4em 0 1em;
}

ul li, ol li {
	list-style-position: outside;
	margin-left: 1.5em;
}

.responsive-table {
	overflow-x: auto;
	max-width: 100%;
	display: block;
	-webkit-overflow-scrolling: touch; /* For smoother scrolling on iOS */
	width: 100%;
  }

table {
	margin: .5em 0 1em;
	hyphens:auto;
	width: auto;
  min-width: 100%;
	table-layout: auto; /* Try fixed if you want equal column widths */
	border-collapse: collapse;
}

table td,table th {
	text-align: left;
	border-right: 1px solid #fff;
	padding: .4em .6em;
}

table th {
	background-color: #5e5e5e;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 1px solid #e8e1c8;
}

table td {
	background-color: #eee;
}

table th a {
	color: #d6f325;
}

table tr.even td {
	background-color: #ddd;
}

table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td {
	border: 0;
	background: none;
	background-color: transparent;
}

*, .post-summary p {
	margin: 0;
	padding: 0;
}


/* BEGIN MAIN LAYOUT */

#header {
	touch-action: none;
	margin-top: -1px;
	height: 62px;
	background: #ffffff;
	width: 100%;
	display: block;
	text-align: center;
	/* border-bottom: 1px solid #dedede; */
	position:fixed;
	top:0;
	/* background: var(--grey-bg);
	box-shadow: 2px 2px 3px #00000014; */
	z-index: 2;
}

#main-inside {
	display: grid;
}

#primary-content {
    margin: 3em auto 0;
    z-index: 1;
}

.home #primary-content {
	margin-top: 1em;
}

.home #main-inside:before {
    content: "";
    background: url(https://learnoutlive.com/wp-content/themes/learnoutlive/images/moiree.png) #171f23;
    height: 437px;
    position: absolute;
    right: 0;
    z-index: 0;
}

#header,
.home #main-inside:before,
.promobar {
    display: block;
    width: 100%;
    top: 0;
}

.promobar {
    height: 65px;
    left: 0;
    margin-bottom: -50px;
    opacity: 0;
    transition: 0.3s;
}


.single-post #primary-content, .single-page #primary-content {
	width: 65%;
	max-width: 733px;
}



/* Navigation */

#navigation .logo {
    float: left;
    position: absolute;
    left: -30px;
    padding-right: 2em;
    top: 13px;
}

#lologo {
	background: url(/wp-content/themes/learnoutlive/images/logo_retina.png) 0 0/80% no-repeat;
	width: 155px;
	height: 34px;
	margin-left: 61%;
	background-size:80%;
}

.home #lologo {
    background: url(/wp-content/themes/learnoutlive/images/logo-white.png) 0 0/80% no-repeat;
}


#lologo span {
	visibility:hidden;
}

ul#navigation {
	width: 100%;
	padding: 16px 0;
	border-radius: initial;
	border: initial;
	position: absolute;
	z-index: 15;
	bottom: 0;
	top: 0;
	left: 0;
	list-style-type: none;
	margin: 0;
}

ul#navigation li {
	display: inline-block;
	margin-left:1.3em;
}

ul#navigation li a {
	font-weight: 600;
	text-transform: inherit;
	font-family: sans-serif;;
	font-size: 14px;
	text-shadow: initial;
	text-decoration: none;
	color: #6f6f6f;
	position: relative;
	line-height: 32px;
	padding: 0 13px 0 11px;
	min-height: 32px;
	display: block;
}


/* Navigation Dark on Home */

.home #header, .home #menu {
    background: #171f23;
}


.home ul#navigation li a, .home #menuToggle a {
    color:#eceeef;
}

.home #menuToggle input:checked~span {
    background:#eceeef;
}

.home input.search_btn {
    filter: invert(1);
}


/* Hover & Active Classes */
.menu-item:hover, .blog li.menu-item.blog, .pageid-20289 li.menu-item.gettingstarted, .home li.menu-item.home, .category-quizzes li.menu-item.quizzes, .category-grammar li.menu-item.grammar, .archive li.menu-item.storiesmenu  {
	border-bottom: 1px solid #c3c3c3;
	margin-bottom: -1px;
}

#navigation .search {
	float: right;
	position: absolute;
	right: 0;
	top: 14px;
	padding-right: 2em;
}

input.search_btn {
	position: absolute;
	top:0px;
	right: 44px;
	height: 16px;
	margin: 10px -1px -4px -25px;
	opacity:0.5;
}

.searchform input.s {
    border: initial;
    background: initial;
    padding: 4px;
    height: 23px;
    border-radius: 3px;
    width: 139px;
    transition: 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

.home .searchform input.s{
	background: white;
}

.searchform .s input {
	border:initial;
	background:initial;
}

.searchform input.s:focus {
	outline: none;
	width:170px;
}

			
.s {
	opacity:0;
			}
.butwrap {
    cursor: pointer;
    width: 16px;
    position: absolute;
    height: 16px;
    margin: 4px 0px 0px -31px;
  /*   border: 1px solid #b5b5b5; */
    padding: 5px;
    border-radius: 50%;
}

	/* Mobile Nav Hamburger */

	#menuToggle {
		display: block;
		position: relative;
		top: 20px;
		left: 50px;
		z-index: 16;
		-webkit-user-select: none;
		user-select: none;
		width:40px;
		max-width: 119px;
		opacity:1;
	}

	#menuToggle a {
		text-decoration: none;
		color: #232323;
		transition: color 0.3s ease;
	}

	#menuToggle a:hover {
		color: #429fce;
	}


	#menuToggle input {
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: -7px;
		left: -5px;
		cursor: pointer;
		opacity: 0; /* hide this */
		z-index: 2; /* and place it over the hamburger */
		-webkit-touch-callout: none;
	}

	#menuToggle span {
		display: block;
		width: 26px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;
		background: #cdcdcd;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 6px 8px;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		opacity 0.55s ease;
	}

	#menuToggle span:first-child {
		transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2) {
		transform-origin: 4px -3px;
	}

	#menuToggle input:checked ~ span {
		opacity: 1;
		transform: rotate(45deg) translate(0px,3px);
		background: #232323;
	}

	#menuToggle input:checked ~ span:nth-last-child(3) {
	opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}

	#menuToggle input:checked ~ span:nth-last-child(2) {
		transform: rotate(-45deg) translate(0, -1px);
	}

	#menu {
	display: none;
	position: absolute;
	width: 184px;
	margin: -100px 0 0 -50px;
    padding: 6px 0px 20px 24px;
	background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.17s cubic-bezier(0.07,0.1,0.02,0.6);
	margin-top: 16px;
	/* box-shadow: 2px 2px 3px #00000014; */
	border-radius: 0 0 22px 0;
	}

	#menu li {
		padding: 10px 0;
		font-size: 18px;
		text-align:left;
		-webkit-tap-highlight-color: transparent;
	}

	#menuToggle input:checked ~ ul {
		transform: none;
	}

	/* Page Navigation  */

	.page-navigation.clearfix {
		display: grid;
		margin: 1em 0 3em;
		max-width: 500px;
		width: 100%;
		margin: 0 auto;
	}
	
	.page-navigation a {
		color:gainsboro;
		text-decoration:none;
	}
	



/* Titles */

h1.entry-title {
	font-weight: 900;
	font-size: 50px;
	line-height: 54px;
	margin: .8em 0 .3em;
	padding: 0;
	color: #4b4a4a;
	text-align: center;
}

h1.title.archive-category {
	margin: 30px 0 0;
	font-size: 25px;
	text-align: center;
	line-height: 35px;
	color: #444442;
}

.page h1.title.entry-title {
	padding-bottom: 0.65em;
}

h1.title.archive-category span {
	color: #267cc3;
}

h2.subheader {
    text-align: center;
    padding: 2% 0%;
    font-weight: 400;
    font-size:1.4em;
}


/* Byliner & Meta */

.byliner {
	text-align: center;
	padding: 13px 0 38px;
	font-weight: 200;
	font-size: 14px;
}

.sepmark {
	padding: 0.3em;
}

.updated {
	display: none;
}

.vcard.author a , .pdf{
	color: inherit;
}

.pdf_ico {
    vertical-align: 2px;
    margin-left: 1px;
}

.post-tags2x {
	padding: 12px;
	border-radius: 8px;
	height: auto;
}

.tagscat, pre {
	letter-spacing: .2em;
	text-transform: uppercase;
	font-size: 10px;
	color: #757575;
	text-align: center;
	white-space:pre-line;
}

.cat_header {
    font-size: 90%;
    color: #747474;
    max-width: 80%;
    padding: 10px 20px;
    margin: 0 auto;
    opacity: 1;
}

pre {
    text-align: initial;
    line-height: initial;
    margin-bottom: 4em;
}

.tagscat a {
	color: #595959;
}

.acirc {
	display: block;
	margin: 0 auto;
	float: left;
	padding-right: 39px;
}

.acirc img {
	border-radius: 50%;
	border: 12px solid #f1f1f1;
	border-left: 12px dotted #f1f1f1;
}

.guestbio {
	margin: 1em 0 6em 0;
}

a.post-edit-link {
position: absolute;
top: 104px;
right: 22px;
color: #b1b1b1;;
font-size: 90%;
}

a.random {
	left:22px;
	width:100px;
}

/* POST CONTENT */

.post-content {
	    overflow: visible;
	text-overflow: ellipsis;
}

.post-content h4, .post-content h3, .post-content h2, .post-content h1 {
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 21px;
	margin-top: 1.8em;
	margin-bottom: 1.36em;
}

.post-content h3, .post-content h2 {
	font-size:26px;
}

.post-content p {
	-webkit-font-smoothing: antialiased;
	margin: 0 0 1.5em;
	font-family: var(--font-family);
	overflow-wrap: break-word;
}

.post-content blockquote p {
	margin: 0 0 0.3em;
}

.post-content .alignright {
	float: right ;
}

.post-content .alignleft {
	float: left;
	padding: 0 1em;
	margin-top: 6px;
}

	/* Image Stuff */

	.single-post #primary-content img, .single-page #primary-content img {
		max-width: 100%;
		height: auto;
	}

	.single-post #primary-content .post-content p:nth-of-type(1) img {
	max-width: 120%;
    margin: 0 auto;
    margin-left: -10%;
    display: block;
    width: 120%;
	/* animation: fadeIn .3s; */
	}
	
	@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: flex;
        opacity: 0;
    }
    100% {
        display: flex;
        opacity: 1;
    }
}

.verticool {
    max-height: 500px;
    width: auto !important;
    float: right;
    padding-left: 0;
    --dominant-color: initial !important;
    position: relative;
    right: -5%;
}

img[data-dominant-color]:not(.has-transparency) {
    --dominant-color: revert !important;
}
	
	

	img.alignright {
		margin-left:5%;
	}

	img.aligncenter {
		display: block;
		margin: 0 auto;
	}
	
	img.mobico {
		margin: initial !important;
		padding-right: 5px;
		padding-left: 5px;
		text-align: center;
	}

	/* Captions */



	.wp-caption {
		max-width: 100%;
	}	


	.post-content .wp-caption p:nth-of-type(1) {
	display:none;
	}

	
	.wp-caption-text {
		font-size: 12px;
		text-align: right;
	}
	
	.wp-caption-text a {
		text-decoration: none;
		color: inherit;
	}

	/* .pleasenote {
    color: #443720;
    background-color: #fcf8e3;
    border: 2px solid #85730f;
    padding: 12px;
    border-radius: 7px;
	} */


.pleasenote {
    border-color: #64b5f6;
    color: #0d47a1;
    padding: 1rem 1rem 1rem;
    background-color: #e3f2fd;
    border-left: 55px solid #3c94bf;
    border-radius: 0.5rem;
    margin: 1rem 0;
    position: relative;
}

.pleasenote:before {
    content:"";
    display: inline-block;
    font: normal normal normal 24px/1 Material Design Icons,sans-serif;
    position: absolute;
    margin-top: -12px;
    top: 50%;
    left: -40px;
    color: hsla(0,0%,100%,.7);
    background-image: url('/images/icons/info-white.svg');
    background-size: 24px !important;
    height:24px;
    width:24px;
    opacity:0.89;
}

.pleasenote.green:before {
    background-image:url(/images/icons/checkmark-white.svg);
}

.pleasenote.green {
    color: #1b5e20;
    background-color: #e8f5e9;
    border-color: #81c784;
}




	/* Embed Stuff */
	
	.embed-responsive {
		position: relative;
		display: block;
		height: 0;
		padding: 0;
		overflow: hidden;
	}

	.embed-responsive .embed-responsive-item, .embed-responsive iframe {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		border: 0;
	}

	.embed-responsive-16by9 {
		padding-bottom: 56.25%;
		margin-bottom: 30px;
	}

	/* YT Embedd Fix */

	a.lazy-load-youtube.preview-lazyload.preview-youtube.youtube_button_image_red {
		display: inline-block;
		background-size:cover
	}

	
	#embed_but {
    display: inline-block;
    height: 30px;
    padding: 3px 13px;
    border-radius: 4px;
    color: #686868;
    width: fit-content;
    cursor: pointer;
    line-height: 28px;
    border: 2px solid #838383;
    vertical-align: top;
	}

	#embed_code {
	margin-top: 1em;
	max-width: 100%;
	width: 100%;
	}
	
	.embed_message {
    margin-top: 1em;
    display: inline-block;
	}

	/* 	Table of Contents*/
	
	.toc:before {
		content: "Table of Contents";
		margin-bottom:0.5em;
	}

	.toc {
		display:block;
		background:#fbfbfb;
		border:1px solid #dadada;
		border-radius:10px;
		padding:1em;
		
	}
	.toc li {
		font-size:90%;
	}

	.toc a {
		text-decoration: none;
	}

	.toc li ul  {
	  margin:0;
	  list-style-type: lower-roman;
	}

	.toc li ul li {
		font-size: 100%;
	}
	
	
	.author #primary-content,
	.blog #primary-content,
	.category #primary-content,
	.search #primary-content {
		padding: 0 20px;
	}
		
	/* Quotes */

	blockquote {
		min-height: 40px;
		font-style: italic;
		color: #474747;
		margin: 1em 25% 1em 3%;
		padding: .6em 1em .6em 2.4em;
		width: 87%;
	}

	.qwoty {
		margin-top: 22px;
		border-left: 10px solid #ccc;
		font-size: 111%;
		line-height: 154%;
		border-radius: 7px;
		color: #373737;
		background: #f9f9f9;
		background-image:initial;
		margin: 1em 10% 1em 0;
		font-family: Georgia,"Times New Roman",Times,serif;
	}

	.qwotx.literal {
		border-left: 10px solid #ac3225;
		font-style: italic;
	}

	.qwotx {
		line-height: 180%;
		margin-top: 22px;
		border-left: 10px solid #327ad8;
		font-style: normal;
		font-size: 115%;
		border-radius: 7px;
		color: #373737;
		background: #f9f9f9 url(/wp-content/uploads/2013/02/pull-quote-dark.png) no-repeat 11px 14px;
		margin: 1em 10% 1em 0;
		font-size: 1em;
		font-family: Georgia,"Times New Roman",Times,serif;
	}
	
	/* Candy */
	
	.candy {
		padding: 0px 5px;
		margin: 4px 2px;
		line-height: 32px;
		color: white;
		border-radius: 5px;
		white-space: nowrap;
		display: inline-block;
	}

   .candy.empty {
        background: #383838;
        cursor: pointer;
    }

	.candy.blue {
		background:#3498db !important;
	}
	 .candy.green {
		 background:#27ae60 !important;
	}
	 .candy.purple {
		 background:#9b59b6 !important;
	}
	 .candy.orange {
		 background:#db602c !important;
	}
	 .candy.turq {
		 background:#2ed5db !important;
	}
	
	
	/* Author Bio */
	
	.authorbox {margin-bottom:2.5em;}

	.authorbox h4 {
		margin-bottom:1em;
	}

	.authorbox .alignleft {
		margin-top: 0px;margin-left: 0px;padding-right: 19px;float: left;

	}

	.authorbox img {
		margin-top: 5px;margin-left: 5px;border-radius: 38px;
	}
	
	.post_print {
		display:none;
	}
	
	/* Chatbot Styles */
	
		.tag-chatbot blockquote {
		margin-left:24px;
		padding: 15px;
	   
	}

	.tag-chatbot blockquote p {
		padding:6px 0;
	}

	.tag-chatbot blockquote:nth-of-type(even) {
	}


	.tag-chatbot blockquote:nth-of-type(even):before {
		content:"";
		background:url(https://learnoutlive.com/wp-content/uploads/2022/12/chatgpt.jpg);
	}

	.tag-chatbot blockquote:nth-of-type(odd):before {
	content:"";
		background:url(https://learnoutlive.com/wp-content/uploads/userphoto/andreklein.jpg);
	}

	.tag-chatbot blockquote:nth-of-type(even):before, .tag-chatbot blockquote:nth-of-type(odd):before  {
	content:"";
		height:30px;
		width:30px;
		background-size:contain;
		display:block;
		float:left;
		margin-left:-42px;
		border-radius:3px;
		margin-top:6px;
	}


/* FOOTER */

#footer {
	width: 100%;
	font-size: 14px;
/* 	background: url(/wp-content/themes/learnoutlive/images/moiree3.png) #171f23; */
background: #171f23;
	color: #eaeaea;
	display:flex;
	height: 340px;
	margin-top: 6em;
	bottom: 0px;
}

#footer a {
	color:inherit;
}

.silo {
	font-family:var(--font-family);
	display: block;
	width: 39%;
	padding: 3%;
	line-height: 22px;
}
	
.silo a {
	text-decoration: none;
}

.silo a:hover {
	color: #657cc3 !important;
}


.silo h4 {
	color: inherit;
	font-size: 1.5em;
	font-weight: 200;
	margin: initial;
}

.silo b {
	font-weight: 100;
	color: #858585;
	font-size: 110%;
}

.silo .wlog {
    width: 122px;
}

.social {
    display: block;
    margin: 7px 0;
    font-size: 9px;
    color: grey;
}

.social img {
    height: 16px;
    padding-right: 6px;
	opacity:0.6;
}

.social img:hover {
    opacity: 1;
}

.cc {
	color: #656565;
	position: absolute;
	bottom: 50px;
}



.silo #mce-EMAIL2 {
height: 30px;
    background: #484848;
    border: initial;
    margin-bottom: 8px;
    padding: 1px 16px;
    display: flow-root;
    color: #BABABA;
    width: 182px;
}

.silo #mc-embedded-subscribe2 {
    height: 34px;
    background: #3f9df6;
    border: initial;
    color: #2B2B2B;
    width: 213px;
    padding: 1px 16px;
    text-align: center;
    cursor: pointer;
	-webkit-appearance: none;
}

.silo .cxc {
color:#858585;
}


/* Landing Page */

.home .entry-title {
	display: none;
}

.subgrid {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(360px, 1fr));
}

.center {
	text-align: center;
	margin: 0 auto;
	display: block;
}

.head {
    max-width: 654px;
}

.landing {
	width: 100%;
	align-self: center;
	padding: 0 0 1.5em 0;
}

.landing.center {
	width: 80%;
	text-align: center;
	margin: 0 auto;
	display: block;
	color: #eceeef;
}

.landing h1 {
	font-weight: 600;
	line-height: 1em;
	margin: 16px 0 .3em;
	padding: 0;
	color: #4b4a4a;
	font-size: 30px;
}

.landing.center h1 {
    color: #eceeef;
}

.landing.center.head {
    min-height: fit-content;
}

.landing h2 {
    margin-bottom: 0.3em;
}

.landing .fat {
	font-size: 57px;
}

#landingmail {
    width: 98%;
    display: block;
    margin: 0 auto;
    border: none;
    height: 610px;
    justify-content: center;
}

.home a#startchat {
    color: white;
	    margin-top: 24px;
    display: block;
}
	/* WORD ROTATION THINGY */

	.words{
		display: inline;
		text-indent: 10px;
	}
	.words-1 span{
		position: absolute;
		opacity: 0;
		overflow: hidden;
		color: #707dc1;
		-webkit-animation: rotateWord 18s linear infinite 0s;
		-moz-animation: rotateWord 18s linear infinite 0s;
		-o-animation: rotateWord 18s linear infinite 0s;
		-ms-animation: rotateWord 18s linear infinite 0s;
		animation: rotateWord 18s linear infinite 0s;
	}
	.words-1 span:nth-child(2) { 
		-webkit-animation-delay: 3s; 
		-moz-animation-delay: 3s; 
		-o-animation-delay: 3s; 
		-ms-animation-delay: 3s; 
		animation-delay: 3s; 
		color: #719ebf;
	}
	.words-1 span:nth-child(3) { 
		-webkit-animation-delay: 6s; 
		-moz-animation-delay: 6s; 
		-o-animation-delay: 6s; 
		-ms-animation-delay: 6s; 
		animation-delay: 6s; 
		color: #6f7cbd;    
	}
	.words-1 span:nth-child(4) { 
		-webkit-animation-delay: 9s;
		-moz-animation-delay: 9s; 
		-o-animation-delay: 9s; 
		-ms-animation-delay: 9s; 
		animation-delay: 9s; 
		color: #6eb0bb;
	}
	.words-1 span:nth-child(5) { 
		-webkit-animation-delay: 12s; 
		-moz-animation-delay: 12s; 
		-o-animation-delay: 12s; 
		-ms-animation-delay: 12s; 
		animation-delay: 12s; 
		color: #a774bf;
	}
	.words-1 span:nth-child(6) { 
		-webkit-animation-delay: 15s;
		-moz-animation-delay: 15s; 
		-o-animation-delay: 15s; 
		-ms-animation-delay: 15s; 
		animation-delay: 15s; 
		color: #73afb9;
	}
	@-webkit-keyframes rotateWord {
		0% { opacity: 0; }
		2% { opacity: 0; -webkit-transform: translateY(-30px); }
		5% { opacity: 1; -webkit-transform: translateY(0px);}
		17% { opacity: 1; -webkit-transform: translateY(0px); }
		20% { opacity: 0; -webkit-transform: translateY(30px); }
		80% { opacity: 0; }
		100% { opacity: 0; }
	}
	@-moz-keyframes rotateWord {
		0% { opacity: 0; }
		2% { opacity: 0; -moz-transform: translateY(-30px); }
		5% { opacity: 1; -moz-transform: translateY(0px);}
		17% { opacity: 1; -moz-transform: translateY(0px); }
		20% { opacity: 0; -moz-transform: translateY(30px); }
		80% { opacity: 0; }
		100% { opacity: 0; }
	}
	@-o-keyframes rotateWord {
		0% { opacity: 0; }
		2% { opacity: 0; -o-transform: translateY(-30px); }
		5% { opacity: 1; -o-transform: translateY(0px);}
		17% { opacity: 1; -o-transform: translateY(0px); }
		20% { opacity: 0; -o-transform: translateY(30px); }
		80% { opacity: 0; }
		100% { opacity: 0; }
	}
	@-ms-keyframes rotateWord {
		0% { opacity: 0; }
		2% { opacity: 0; -ms-transform: translateY(-30px); }
		5% { opacity: 1; -ms-transform: translateY(0px);}
		17% { opacity: 1; -ms-transform: translateY(0px); }
		20% { opacity: 0; -ms-transform: translateY(30px); }
		80% { opacity: 0; }
		100% { opacity: 0; }
	}
	@keyframes rotateWord {
		0% { opacity: 0; }
		2% { opacity: 0; transform: translateY(-30px); }
		5% { opacity: 1; transform: translateY(0px);}
		17% { opacity: 1; transform: translateY(0px); }
		20% { opacity: 0; transform: translateY(30px); }
		80% { opacity: 0; }
		100% { opacity: 0; }
	}


	h1.fat.rotator {
		margin-left: -67px;
		width: 100%;
	}



.landing.block h2 {
	color: white;
	font-size: 43px;
}

.landing.block .button {
	background: white;
	color: #327B9F;
	font-weight: 600;
	margin-top: 2em;
}

.block .sub {
	color: white;
	font-size: 1em;
	display: block;
	margin-top: 0.6em;
}

.art {
	text-align: center;
}

.art img {
	height: 316px;
	width: auto;
}	


	/* retailers block */
	.sub {
		text-align: center;
		display: block;
		color: #737373;
		font-size: 0.9em;
	}

	.logos {
		width: 90%;
		margin: 23px auto;
		filter: grayscale(100%);
		opacity: 0.225;
		max-width: 582px;
	}

	.landbutcontent {
    display: flex;
    align-items: center;
    justify-content: center;
	gap: 24px;
}

.landing .landbutcontent .button {
    padding: 10px 42px;
	margin:initial;
	transition:0.3s;
}

.landing .landbutcontent .button:hover {
   opacity:0.8;
}

	.landing .button {
		cursor: pointer;
		border-radius: 0.3em;
		/* background: #3C99C8; */
		background: #4CAF50;
		font-weight:bold;
		padding: 1em 3em;
		color: white;
		margin-top: 1em;
		display: block;
		width: 120px;
		margin: 0 auto;
		text-decoration: none;
	}


	.landing .button.primary {
	border: 2px solid #4CAF50;
	}

	.landing .button.secondary {
    border: 2px solid #719ebf;
    background: transparent;
    color: #719ebf;
}

	.landing.center.block {
    padding-top: 0.01em;
    padding-bottom: 1.9em;
    background: #2a7da7;
    border-radius: 0.5em;
    width: 100%;
	}


/* Buttons */

.stanbut a {
	text-align: center;
	display: block;
	color: #fff;
	padding: 8px 2px;
	border-radius: 4px;
	font-size: 80%;
	text-decoration: none;
	width: 40%;
	background-color: #429fce;
	margin: auto;
	margin-top: 14px;
	box-shadow: 1px 2px 3px #d7d7d7;
	transition:0.5s;
}

.stanbut a:hover {
	background: #3885b7;
}

a.textbook {
    background: #fff;
    border: 2px solid #0A33FF;
    padding: 8px 14px;
    margin: 22px 0;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    font-size:85%;
    color: #0A33FF;
    text-decoration: none;
    display: block;
    width: 156px;
    text-align: center;
}

a.textbook:hover {
    opacity:0.8;
	color: #5e79ff;

}

	
/* Subscription Module */

.single-post #newslettersignup {
	transform: scale(0.9);
	position: relative;
}

.single-post .subscribe {
	width: 100%;
	align-self: center;
	position: absolute;
	right: 0;
	max-width: 384px;
	bottom: 100rem;
}

/* Adrotation Module */

.sidebar_cr {
	text-align: center;
	display: block;
}

.ebook_cover, .audiobook_cover {
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    display: block;
    box-shadow: 0 5px 7px rgb(101 101 101 / 55%), 5px 5px 7px rgb(0 0 0 / 12%);
    border-radius: 4px;
    width: 200px;
    /* height: 267px; */
    max-width: 273px;
}

.ebook_cover:hover, .audiobook_cover:hover {
    opacity: .8;
}


.descy {
    font-size: 80%;
    line-height: 19px;
    width: 67%;
    padding-top: 12px;
    margin: 12px auto;
    padding-bottom: 12px;
}

.descy a {
	text-decoration:none;
}

.ebook_cover.threedee {
    box-shadow: initial;
}



/* hardcoded wp reviews plugin styles */
#wprev-slider-2 {margin-top: 1.5em;}.wprevpro_t1_outer_div{padding:0;margin:0}.wprs_unslider-wrap.wprs_unslider-carousel>li{float:left;margin:0!important}img.wprevpro_t1_fb_logo{position:absolute;right:2px;bottom:2px;height:auto;width:auto}.wprevpro_t1_DIV_1{box-sizing:border-box;color:#fff;text-size-adjust:100%;column-rule-color:#fff;perspective-origin:277.5px 115px;transform-origin:277.5px 115px;border:0 #fff;font:normal normal normal normal 13px/20.8px "Helvetica Neue",Helvetica,Arial,sans-serif;outline:#fff 0;margin-bottom:20px;margin-top:10px}.wprevpro_t1_DIV_2{bottom:0;box-shadow:rgba(0,0,0,.0980392) 2px 2px 2px 0;box-sizing:border-box;color:#fff;height:auto;left:0;position:relative;right:0;text-size-adjust:100%;top:0;column-rule-color:#fff;perspective-origin:277.5px 69px;transform-origin:277.5px 69px;background:#fff none repeat scroll 0 0/auto padding-box border-box;border:1px solid #f5f5f5;font:normal normal normal normal 13px/20.8px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0 0 25px;outline:#fff 0;padding:20px 20px 20px 48px}.wprevpro_t1_DIV_2:after{bottom:-30px;box-sizing:border-box;color:#fff;content:'';display:block;height:30px;left:80px;position:absolute;right:445px;text-size-adjust:100%;width:30px;column-rule-color:#fff;perspective-origin:15px 15px;transform-origin:15px 15px;filter:drop-shadow(2px 2px 1px rgba(0,0,0,.0980392));border-top:30px solid #fff;border-right:30px solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent;font:normal normal normal normal 13px/20.8px "Helvetica Neue",Helvetica,Arial,sans-serif;outline:#fff 0}.wprevpro_t1_DIV_2:before{bottom:47px;box-sizing:border-box;color:#bbb;content:'\201C';display:block;height:96px;left:55px;position:absolute;right:515.391px;text-size-adjust:100%;top:20px;width:24.6094px;column-rule-color:#bbb;perspective-origin:12.2969px 48px;transform-origin:12.2969px 48px;border:0 #bbb;font:normal normal normal normal 60px/96px Georgia,serif;margin:-25px 0 0 -40px;outline:#bbb 0}.wprevpro_t1_P_3{box-sizing:border-box;color:#707070;text-size-adjust:100%;column-rule-color:#707070;perspective-origin:240px 44px;transform-origin:240px 44px;border:0 #707070;font:italic normal normal normal 14px/22.4px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0 0 10px;outline:#707070 0}.wprevpro_t1_IMG_4{box-sizing:border-box;color:#fff;display:block;float:left;height:38px;text-size-adjust:100%;vertical-align:middle;width:60px;column-rule-color:#fff;perspective-origin:30px 30px;transform-origin:30px 30px;border:0 #fff;border-radius:50% 50% 50% 50%!important;font:normal normal normal normal 13px/20.8px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0 20px;outline:#fff 0}.wprevpro_t1_SPAN_5{font-family: var(--font-family);color:#707070;display:block;text-size-adjust:100%;text-transform:uppercase;overflow:hidden;padding:8px 0 0}.marginb10{margin-bottom:10px}.w3_wprs-row-padding-small{padding:0 4px}.noboxshadow{box-shadow:transparent 0 0 0 0}.wprevpro_t1_P_3>img{box-shadow:0 0 0 transparent}.wprevpro_t1_A_8>img{box-shadow:0 0;padding:0}img.wprevpro_t1_star_img_file{width:100px}img.wprevpro_t1_rec_img_file{width:16px;margin-bottom:0;height:16px}img.wprevpro_t1_yelp_logo{position:absolute;right:10px;bottom:2px}

.w3_wprs-responsive{overflow-x:auto}.w3_wprs-container:after,.w3_wprs-panel:after,.w3_wprs-row:after,.w3_wprs-row-padding:after,.w3_wprs-topnav:after,.w3_wprs-clear:after,.w3_wprs-btn-group:before,.w3_wprs-btn-group:after,.w3_wprs-btn-bar:before,.w3_wprs-btn-bar:after{content:"";display:table;clear:both}.w3_wprs-col,.w3_wprs-half,.w3_wprs-third,.w3_wprs-twothird,.w3_wprs-threequarter,.w3_wprs-quarter{float:left;width:100%}.w3_wprs-col.s1{width:8.33333%}.w3_wprs-col.s2{width:16.66666%}.w3_wprs-col.s3{width:24.99999%}.w3_wprs-col.s4{width:33.33333%}.w3_wprs-col.s5{width:41.66666%}.w3_wprs-col.s6{width:49.99999%}.w3_wprs-col.s7{width:58.33333%}.w3_wprs-col.s8{width:66.66666%}.w3_wprs-col.s9{width:74.99999%}.w3_wprs-col.s10{width:83.33333%}.w3_wprs-col.s11{width:91.66666%}.w3_wprs-col.s12,.w3_wprs-half,.w3_wprs-third,.w3_wprs-twothird,.w3_wprs-threequarter,.w3_wprs-quarter{width:99.99999%}@media only screen and (min-width:601px){.w3_wprs-col.m1{width:8.33333%}.w3_wprs-col.m2{width:16.66666%}.w3_wprs-col.m3,.w3_wprs-quarter{width:24.99999%}.w3_wprs-col.m4,.w3_wprs-third{width:33.33333%}.w3_wprs-col.m5{width:41.66666%}.w3_wprs-col.m6,.w3_wprs-half{width:49.99999%}.w3_wprs-col.m7{width:58.33333%}.w3_wprs-col.m8,.w3_wprs-twothird{width:66.66666%}.w3_wprs-col.m9,.w3_wprs-threequarter{width:74.99999%}.w3_wprs-col.m10{width:83.33333%}.w3_wprs-col.m11{width:91.66666%}.w3_wprs-col.m12{width:99.99999%}}@media only screen and (min-width:993px){.w3_wprs-col.l1{width:8.33333%}.w3_wprs-col.l2{width:16.66666%}.w3_wprs-col.l3,.w3_wprs-quarter{width:24.99999%}.w3_wprs-col.l4,.w3_wprs-third{width:33.33333%}.w3_wprs-col.l5{width:41.66666%}.w3_wprs-col.l6,.w3_wprs-half{width:49.99999%}.w3_wprs-col.l7{width:58.33333%}.w3_wprs-col.l8,.w3_wprs-twothird{width:66.66666%}.w3_wprs-col.l9,.w3_wprs-threequarter{width:74.99999%}.w3_wprs-col.l10{width:83.33333%}.w3_wprs-col.l11{width:91.66666%}.w3_wprs-col.l12{width:99.99999%}}.w3_wprs-content{max-width:980px;margin:auto}.w3_wprs-row-padding,.w3_wprs-row-padding>.w3_wprs-half,.w3_wprs-row-padding>.w3_wprs-third,.w3_wprs-row-padding>.w3_wprs-twothird,.w3_wprs-row-padding>.w3_wprs-threequarter,.w3_wprs-row-padding>.w3_wprs-quarter,.w3_wprs-row-padding>.w3_wprs-col{padding:0 8px}

.wprevpro_t1_fb_logo { right: 5px !important; bottom: 5px !important; height: auto !important; width: 16px !important; filter: grayscale(1); opacity: 0.2; } .wprev-no-slider .w3_wprs-col div { box-shadow: rgb(0 0 0 / 2%) 1px 1px 1px 0 !important;border-radius: 8px; } .wprev-no-slider .w3_wprs-col .wprev_preview_bg1_T1::after { filter: drop-shadow(1px 1px 1px rgb(0 0 0 / 4%)) !important; }

.wprevpro_t1_rec_img_file, .wprev_showdate_T1 {
    display:none;
}