/*
Theme Name: The Gain Principle
Author: Danny Moore
Author URI: http://www.amplifypublishinggroup.com
Description: This theme is a basic blog based book website.
Version: 1.0
License: ©2025 Danny Moore
Text Domain: gainprinciple
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/******************** body *******************/

html{ font-size:19px; }

body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	border:0px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size:19px;
	line-height:1.5;
	background:#fff;
	color:#000;
	font-family: "abril-text", serif;
}

img{ border:0px; }

#loader{
    width:100%;
    height:100%;
    z-index:1000000;
    position:fixed;
    top:0;
    left:0;
    background:#95cef3;
}

#loaderin{
    width:4vw;
    min-width:80px;
    height:auto;
    position:absolute;
    line-height:0;
    top:50%;
    left:50%;
}

#loader svg{
    transform:translate(-50%, -50%);
    position:absolute;
    stroke:#e1701e;
    fill:none;
    stroke-width:2;
    stroke-linecap:square;
    stroke-dasharray:180 180;
    animation-duration:2s; 
    animation-iteration-count:infinite; 
    transform-origin:center;
    animation-timing-function:linear;
    animation-name:fr0;
}

@keyframes fr0 { 
  0% { stroke-dashoffset:0; } 
  50% { stroke-dashoffset:180;  }
  100% { stroke-dashoffset:360;  }
}

hr.wp-block-separator, hr{
	height:.1rem;
	border:0px !important;
	background:#7abee9;
	margin:1em auto;
	clear:both;
    max-width:8em;
    position:relative;
    display:block;
    overflow:visible !important;
}

.banner hr{ margin:.75em auto; }

.isblogpage hr.wp-block-seperator, .isblogpage hr{
    max-width:50%;
    margin:2em auto;
}

hr:before, hr:after{
    content:"";
    position:absolute;
    background:#7abee9;
    width:.45em;
    height:.1rem;
    display:block;
}

hr:before{ left:-.7em; }
hr:after{ right:-.7em; }

h1, .h1{
	font-size:2.25em;
	margin:.5em 0 1em 0;  
    line-height:1.18;
    font-weight:600;
    letter-spacing:.015em;
    text-align:center;
    position:relative;
    font-family: "abril-display", serif;
}

h1:before{
    background:#feaf3d;
    position:absolute;
    width:4em;
    height:.045em;
    border-radius:.05em;
    content:"";
    top:50%;
    margin-left:-4.5em;
}

h1:after{
    background:#feaf3d;
    position:absolute;
    width:4em;
    height:.045em;
    border-radius:.05em;
    content:"";
    top:50%;
    margin-left:.5em;
}

.banner h1:after, .banner h1:before, .newsletter h1:before, .newsletter h1:after{ display:none; }

h2, .h2{
    font-weight:bold;
    font-family: "abril-display", serif;
    margin:0 0 .65em;
    font-size:1.75em;
    position:relative;
    z-index:3;
    text-align:center;
}

h2.blogh2{
    font-size:2em;
    margin:1em auto 0;
}

.banner h2{ 
    font-size:1.1em;
    margin-bottom:0;
}

h3, .h3{
	font-size:1.35em;
	margin-bottom:.5em;
    line-height:1.4;
    font-weight:bold;
    font-family: "abril-display", serif;
}

.banner h3{ margin-top:1.1em; }
.isblogpage h3{ margin-bottom:.15em; }

h4, .h4, h5, .h5{ 
    font-size:1.375em;
    margin:1em 0 .4em 0;
    font-weight:bold;
    font-family: "abril-display", serif;
    line-height:1.2;
    position:relative;
}

h4:after{
    background:#feaf3d;
    position:absolute;
    width:80%;
    height:.075em;
    border-radius:.05em;
    content:"";
    bottom:.35em;
    margin-left:.5em;
}

h5, .h5{
    margin:1.75em 0 .75em;
    padding-bottom:.1em;
    border-bottom:.1em solid #feaf3d;
}

.h6, h6{
    font-size:1.45em;
    margin:2em 0 .65em;
    text-align:left;
    font-family: "abril-display", serif;
    line-height:1.2;
    font-weight:bold;
}

.colorback h6:first-child{ margin-top:.5em; } 

.h7, h7{
    font-size:1.6em;
    color:#c4487e;
    margin-left:7%;
    margin-right:7%;
}

p{ margin:0 0 1em 0; }
em, i{ font-style:italic; }
strong, b{ font-weight:bold; }

a{
	text-decoration:none;
	color:#e1701e;
	transition:.4s color;
}

a:hover{ color:#95cef3; }

#outside{
	width:100%;
	height:100%;
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
    overflow:hidden;
}

#inside{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}

#top{
	width:100%;
	height:auto;
	position:fixed;
	z-index:10000;
	clear:both;
	float:left;
    background:linear-gradient(90deg, rgb(162,216,250) 34%, rgb(109,179,225) 90%);
    box-shadow:0 .15em .4em rgba(0,0,0,0.2);
}

#navMenuSm{
    z-index:200000;
    position:fixed;
    width:auto;
	display:none;
	height:100%;
	padding:0;
    top:0;
    right:0;
    background:#011836;
}

#content{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
	clear:both;
	float:left;
	position:relative;
	z-index:150;
}

/******************** insides ********************/

#topinside{
	position:relative;
    display:table;
    width:100%;
    line-height:1;
    box-sizing:border-box;
}

/********************* Top ************************/

#title{
	position:relative;
	width:9.5em;
    display:table-cell;
    vertical-align:middle;
    font-family: "abril-display", serif;
    font-weight:bold;
    font-size:1.875em;
    background-image:url("images/titletop.png");
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:left center;
    padding:1.5rem 0 1.5rem 1.5rem;
    line-height:1;
    transition:.3s padding;
}

#title a{ color:#000; }
#title a:hover{ color:#e1701e; }

.slid #title{
    padding-top:.75rem !important;
    padding-bottom:.65rem !important;
}

.spacer{
    position:absolute;
    z-index:200;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#navMenu{
    display:table-cell;
    text-align:right;
    position:relative;
    vertical-align:middle;
    padding-right:1.75rem;
}

#navMenu div{ display:inline-block; }

/******************** Nav **************************/

#smNavShow{ display:none !important; }

#navMenu .menu, #navMenu ul, #navMenuSm .menu, #navMenuSm ul{
	list-style:none;
	padding:0;
	position:relative;
	z-index:900;
	margin:0 0 0 0;
	display:inline-block;
}

#navMenuSm .menu, #navMenuSm ul{
	width:100%;
	margin:0 0 1em;
	padding:0;
}

#navMenu ul li, #navMenuSm ul li{
	display:inline-block;
	float:none;
	padding:0;
	margin:0;
}

#navMenuSm ul li{
    clear:both;
    float:left;
	height:auto;
}

#navMenu ul li a, #navMenuSm ul li a{
	text-decoration:none;
    color:#000;
	display:inline-block;
	margin:0 0 0 3vw;
	position:relative;
	line-height:1;
	font-size:1.25em;
	transition:.5s color;
    cursor:pointer;
    font-family: "abril-display", serif;
}

#navMenu ul li a:hover, #navMenuSm ul li a:hover, .pove{ color:#fff; }

#navMenu .active a, #navMenuSm .active a{ color:#fff !important; }

#menucloser{
    width:100%;
    height:.75em;
    margin:1em 0 .8em 1.5em;
    fill:#fff;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition:.5s fill;
}

#menucloser svg{
    height:100%;
    width:auto;
}

#menucloser:hover{ fill:#e1701e; }

/******************** Main Content *******************/

#mainContent{
	width:84%;
	height:auto;
	margin:0 auto;
	position:relative;
    max-width:950px;
    padding-top:7rem;
}

.fadeback{
    background:linear-gradient(0deg, rgba(190,220,250,.3) 0%, rgba(190,220,250,0) 50%);
    padding-bottom:4em !important;
    border-bottom:1px solid rgba(190,220,250,.6);
}

.fadeback .colorback:last-of-type{ 
    margin-bottom:-4em;
    padding-bottom:4em;
}

#mainText{
	width:100%;
}

#mainContent ul, #mainContent ol{
	list-style:none;
	margin:-.5em 0 1em 1.5em;
}

#mainContent ol{ list-style:decimal; }
#mainContent ol ol{ list-style:lower-latin; }

#mainContent ul li, #mainContent ol li{
	margin-left:1em;
}

#mainContent ul li{
	text-indent:-.5rem;
	line-height:1.3;
	margin-bottom:.1em;
}

#mainContent ul li:before{
	content:'•';
    display:inline-block;
    width:.5rem;
	font-size:1.25em;
    color:#e1701e;
    font-weight:bold;
}

/******************* Bottom **********************/

#bottom{
	width:100%;
	height:auto;
	clear:both;
	float:left;
	padding:2.5em 0;
	position:relative;
    bottom:0;
    background:url("images/circback2.jpg") no-repeat;
    background-size:800px auto;
    background-position:calc(100% + 330px) center;
}

#copyright{
	width:80%;
	clear:both;
	font-size:.85em;
	line-height:1;
	text-align:left;
    font-style:italic;
	color:#000;
	margin:0;
    padding:0 3em;
    box-sizing:border-box;
}

.social{
	position:absolute;
	display:block;
    top:50%;
    transform:translateY(-50%);
    right:3rem;
}

.social a{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
    top:0;
    left:0;
}

.iconDiv{
	width:1.25em;
	height:1.25em;
	margin:0 0 0 .25em;
	position:relative;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}

.iconDiv svg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100% !important;
}

.iconDiv svg{
	fill:#e1701e;
	transition:.3s fill;
}

.iconDiv:hover svg{ fill:#000; }

/******************* Blog Posts *************************/

#pagination{
	width:100%;
	text-align:center;
	font-size:1.25em;
    margin:1em auto 0;
}

.page-numbers, .paginationp, .paginationn{
    display:inline-block;
    margin:0 .3em;
    cursor:pointer;
}
.paginationp{ margin-right:.2em; display:none; }
.paginationn{ margin-left:.2em; }

.page-numbers:hover{ color:#000; }

.backToBlog{
    text-align:center;
    margin:2em auto 0;
}

.form-submit{ text-align:center; }

.comment-respond{
    margin:3.5em auto 0;
    max-width:700px;
}

/***************** reset styles for contat form ****************/

.wpcf7{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

label{
	font-size:1em;
	vertical-align:baseline;
    width:100%;
    display:inline-block;
    margin:.8em 0 .1em;
	position:relative;
}

input, textarea{
	font-family:inherit;
	font-size:1rem;
    border:.15em solid #6eb3e1;
    padding:.75em 1em;
    width:100%;
    margin:0 0 .5em;
    box-sizing:border-box;
    background:rgba(255,255,255,.3);
}

::placeholder{ font-style:italic; }

textarea{ height:8em; }

.wpcf7-spinner{ position:absolute; }

.wpcf7-not-valid-tip{ 
    font-size:1rem;
    margin-top:-.3em;
    padding-bottom:.75em;
    font-style:italic;
}

input[type="submit"], .button, input[type="button"], .wp-block-button__link{
	cursor:pointer;
	width:auto !important;
	clear:both;
	border:0px;
    border-radius:0;
	margin:0;
	padding:.9em 1.2em .75em 3em;
	line-height:1;
	display:inline-block;
	font-size:1.16em;
	transition:.5s color, .5s background;
	color:#000;
    background-image:url("images/circ.png");
    background-repeat:no-repeat;
    background-position:-.8em center;
    background-size:auto 160%;
	background-color:transparent;
    text-align:center;
    font-family:"abril-display", serif;
    position:relative;
    vertical-align:middle;
}

.buttonout{
    background:linear-gradient(90deg, #f17a1e 0%, #f59d1f 100%);
    display:inline-block;
    box-shadow:.14em .14em .3em rgba(0,0,0,0.25);
    cursor:pointer;
    position:relative;
}

.buttonout:before{
    position:absolute;
    width:.7em;
    height:.7em;
    background:#000;
    transition:.5s background;
    border-radius:1em;
    content:"";
    top:50%;
    left:1.1em;
    transform:translateY(-50%);
    z-index:40;
}

input[type="submit"]:hover, .backToBlog a:hover, .button:hover, input[type="button"]:hover, .wp-block-button__link:hover{ color:#fff; }

.buttonout:hover:before{ background:#fff; }


.newsletter form{
    display:flex;
    justify-content:space-between;
    gap:.25em;
    align-content: stretch;
    align-items: stretch;
    flex-wrap:nowrap;
    width:100%;
}

.newsletter input, .newsletter .buttonout{
    padding-top:0;
    padding-bottom:0;
    height:3rem;
}

.newsletter input[type="submit"]{ height:100%; }

.newsletter input[type="submit"]{ width:100% !important; }

/********************** Press *********************************/

.pressb{
	width:100%;
	clear:both;
	float:left;
	padding:.75em 1em;
	background:rgba(0,32,51,0.1);
	transition:.5s background;
	display:table;
	margin:.1em 0 .2em 0;
    box-sizing:border-box;
}

.pressb:hover{ background:rgba(125,175,195,0.6); }

.pressl{
	width:20%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	top:.1em;
	border-right:1px solid rgba(0,32,51,0.25);
}

.pressl img{
	width:85%;
	height:auto;
    max-height:75px;
    object-fit:contain;
}

.presst{
	width:80%;
	padding-left:1em;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	color:#000;
    box-sizing:border-box;
}

/********************** Buy Now Button ***********************/

.buyNowArea{
	width:100%;
	height:auto;
	text-align:left;
    margin:0 auto 0 0;
    max-width:320px;
	font-size:0;
}

.buyNowButton{
    width:30%;
    margin:0 2% 0 0;
    display:inline-block;
    cursor:pointer;
    position:relative;
    border-radius:.3rem;
    overflow:hidden;
    line-height:0;
    background:#e1701e;
    transition:.5s background;
    box-shadow:.1rem .1rem .3rem rgba(0,0,0,0.3);
}

.buyNowButton a{
    position:absolute;
    width:100%;
    height:100%;
    z-index:100;
    left:0;
    top:0;
}

.svgcolor1{ transition:.5s fill; fill:#000; }
.svgcolor2{ transition:.5s fill; fill:#fff; }
.svgback{ transition:.5s fill; fill:#e1701e; }

.buyNowButton:hover .svgback{ fill:#000; }
.buyNowButton:hover{ background:#000; }
.buyNowButton:hover .svgcolor1{ fill:#e1701e; }

/********************************** 404 *********************************/

.lost{
	margin:2rem auto 0;
	padding:0;
    text-align:center;
    max-width:600px;
    width:84%;
    line-height:1.5;
    font-family: "abril-display", serif;
}

.lostH{
	font-size:7em;
	margin:0 0 0 0;
	line-height:1;
    color:#e1701e;
}

.lostP{
	margin:0;
	font-style:italic;
}

/********************************* Events Calendar **********************/

.mbecout{ 
	border-width:3px;
	margin:2em 0 2.75em 0;
}
.mbecout, .edate{ border-color:#eee; }
.mbectop, .calendar-day-np, .elocation{ background:#eee; }
.npbut, .mbecbutton, .mbecout .h3, a.mbeca{ color:black; }
.mbeccloseButton svg{ fill:black; }
table.mbeccalendar, .mbeccalendar td{ border-color:#ddd; }
.calendar-day-head th{
	border-bottom-color:#ddd;
	background:#123;
	color:#fff;
}
.calendar-day-head th:last-child{ border-right-color:#ddd; }
.mbcalevent{ background:white; }
.mbeccloseButton{ top:-30px; }

/*************************** Book Covers *************************/

.bookcover{
	width:100%;
	height:auto;
	margin:3% auto -4% auto;
	padding:0 0 7% 0;
	position:relative;
	background:url("images/bookshadow.png") no-repeat;
	background-size:93% 100%;
	background-position:80% top;
}

.coverdiv{
	position:relative;
	width:77%;
	height:auto;
	z-index:1;
	top:0;
	left:10%;
	line-height:0;
	border-radius:3px;
	overflow:hidden;
	border-top:1px solid rgba(0,0,0,0.13);
	border-bottom:1px solid rgba(0,0,0,0.4);
}

.cover{
	position:relative;
	z-index:1;
	width:100%;
	top:0;
	left:0;
	height:100%;
}

.overcover{
	position:absolute;
	top:0;
	left:0;
	z-index:30;
	width:100%;
	height:100%;
	pointer-events:none;
	box-shadow:inset 0 0 2px rgba(0,0,0,0.1);
}

.coverhover{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(1,2,3,0);
	z-index:10000;
	transition:.5s background;
}

.coverhover:hover{ background:rgba(1,2,3,0.4); }

/*************************** Testimonials ************************/

.wp-block-dtheme-testimonials{
    clear:both;
    float:left;
    width:100%;
    margin-top:2.5em;
}

.fadeback .wp-block-dtheme-testimonials:last-of-type{ margin-bottom:-4em; }

.testimonials{
	width:100%;
	margin:0;
	padding:2.5em 0;
	clear:both;
	float:left;
    background:linear-gradient(0deg, #0530be 0%, #0469d8 100%);
    display:block;
    text-align:center;
    color:#fff;
}

.testimonials h2{ margin-bottom:1.1em; }

.testimonialsin{ 
    position:relative; 
    height:100%;
    width:86%;
    margin:0 auto;
}

.testimonial{
	position:absolute;
    top:46%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    width:100%;
    display:none;
}

.testimonial:first-child{ display:block; }

.testbuttons{
    width:100%;
    clear:both;
    text-align:center;
    position:relative;
    margin:.1em auto 0;
}

.testbutton{
    width:1.35em;
    height:1.35em;
    margin:0 .25em;
    display:inline-block;
    line-height:1;
    position:relative;
    cursor:pointer;
    border-radius:1em;
    background:radial-gradient(rgba(8,78,214,0) 30%, rgba(8,78,214,1) 100%);
    background-size:100% 100%;
}

.testbutton:first-child { opacity:1; }

.tbl{ opacity:0; }
.testbutton:first-child .tbl{ opacity:1; }

.square{
    background:#e1701e;
    width:.5em;
    height:.5em;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:1em;
    box-sizing:border-box;
}

/******************************* Extras *******************************/

.intext{
	width:40%;
	height:auto;
	margin:0 1.75em .5em 0;
	float:left;
    box-shadow:.2em .2em .4em rgba(0,0,0,0.3);
}

.wide{
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	float:left;
}

.innitblogs{
    margin:2.5em 0 0;
    padding:2em 0 3em;
}

.bcolor, .colorback{
    background:linear-gradient(90deg, #95cef3 0%, #c0e5fe 100%);
    position:relative;
    padding:2em 0;
    clear:both;
}

.colorbackin{ 
    max-width:900px;
    margin:0 auto;
}

.table{ display:table; }

.left, .right{ 
	display:table-cell;
	vertical-align:middle;
    position:relative;
}

.right{
	width:40%;
	padding-left:5%;
}

.fadeback .banner{ 
    padding:8vw 0 .6em;
    font-size:1.3em;
    margin-bottom:2.5em;
}

.fadeback .banner h1{ 
    margin-bottom:.5em;
    font-size:2em;
}
.fadeback .banner p{ max-width:none; } 

.fadeback .bannerin{
    max-width:none;
    left:0;
    transform:none;
    margin:0 auto;
}

.fadeback .topfade .bannerin{ 
    max-width:950px;
}

.fadeback .banner .right{ 
    width:53%;
    padding-left: 0;
}

.bluebar .right{ width:35%; }

.bluebar .wp-block-buttons{ justify-content:flex-end; }

.bcolor .left, .colorback .left{ z-index:9; }
.bcolor .right, .colorback .right{ 
    z-index:10;
    width:47%;
    padding-left:0;
}
.bcolor .right figure, .colorback .right figure{ right:-5%; }

.photoleft{ display:table; }

.innerdivleft{
    width:40%;
    display:table-cell;
    background-size:cover;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0' y1='50' x2='100' y2='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.7' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23linear-gradient)' width='100' height='100'/%3E%3C/svg%3E");
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0' y1='50' x2='100' y2='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.7' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23linear-gradient)' width='100' height='100'/%3E%3C/svg%3E");
    -webkit-mask-repeat:repeat-y;
    mask-repeat:repeat-y;
    -webkit-mask-size:100% auto;
    mask-size:100% auto;
    -webkit-mask-position:top left;
    mask-position:top left;
}
.innerdivright{ 
    display:table-cell;
    padding:3em 4em 3em 3em;
}

.clear{
	clear:both;
	height:30px;
}

.text{
    padding-right:5%;
    display:table-cell;
    vertical-align:middle;
}

.sidetext{
    width:35%;
    display:table-cell;
    vertical-align:middle;
    box-shadow:3px 4px 6px rgba(0,0,0,0.3);
    background-size:cover;
    background-position:center;
}

#line1, #line2, #line3{ transition:.3s transform; }
#line1{ transform:translateY(15%); }
#line2{ transform:translateY(0); }
#line3{ transform:translateY(-15%); }

.grecaptcha-badge{ 
    z-index:1000;
    transform:scale(.8);
}

.cent{ text-align:center; }
.cent.wp-block-buttons, .cent .wp-block-buttons{ justify-content:center; }
.cent .wp-block-buttons{ margin-bottom:2em; }

.wp-block-gallery{
    justify-content:space-between !important;
    flex-wrap:wrap !important;
}

.wp-block-gallery > figure{
    flex:1 1 20% !important;
    box-shadow:.1em .1em .3em rgba(0,0,0,0.3);
}

.topp{ margin-top:3em; }

.note{ 
    font-size:.9em;
    text-align:center;
    margin:.3em 0 0;
    font-style:italic;
}
.note em, .note i{ font-style:normal; }

.banner .auth{
    position:absolute;
    left:-100%;
    font-size:.9em;
    bottom:0;
}

.banner .bookinfo{
    width:100%;
    position:relative;
}

.banner .bookinfo p{ 
    font-size:1rem;
    max-width:448px;
    margin-bottom:.4em;
}

.banner figure{ 
    max-width:500px;
    width:100%;
}

.banner .buyNowArea{ 
    margin:0 auto;
    max-width:250px;
    z-index:1;
    position:relative;
    text-align:center;
}

.banner .buyNowButton{ 
    margin-left:1%;
    margin-right:1%;
    box-shadow:.12rem .12rem .3rem rgba(0,0,0,0.8);
    border-radius:.15rem;
}

h1.referral{ display:none !important; }

.j-stacker-wrapper{
	margin:0 auto !important;
}

.j-stacker{ 
	padding:2em 0 1em;
	width:95% !important;
	margin:0 auto !important;
	display:flex !important;
	gap:.15em !important;
	justify-content:center;
	align-content:stretch;
	align-items:stretch;
}

#mainContent .j-stacker ul{ 
	margin-bottom:0;
	padding:0 !important;
	box-sizing:border-box;
}

#mainContent .j-stacker > ul{ 
	border-radius:.25em !important;
	overflow:hidden;
	background:#fff;
	box-shadow:.1em .13em .45em rgba(0,0,0,0.3);
}

#mainContent .j-stacker ul li{
    margin:0 !important;
    padding:0 !important;
    text-indent:0 !important;
    line-height:inherit !important;
}

#mainContent .j-stacker ul li:before{ display:none !important; }

.j-image{ 
	max-width:200px;
	margin:0 auto;
}
.juicer-feed .j-paginate{ margin:.5em auto !important; }

.j-text{
	font-family: "abril-text", serif;
}

.juicer-feed:after{ height:3em; }

/********************************** Resized CSS *************************/

@media all and (min-width:1800px){
    .fadeback .banner{ font-size:2rem !important; }
    .fadeback .topfade{ 
        font-size:1.34rem !important;
        padding-top:4rem !important;
    }
}

@media all and (min-width:1400px){
    .banner{ font-size:2vw; }
    .fadeback .banner{ font-size:2vw; }
}

@media all and (max-width:1400px){
    .banner .auth{ left:calc(-100% + 2em); }
}

@media all and (min-width:1250px){
    .topfade{ 
        font-size:1.34rem !important;
        padding-top:4rem !important;
    } 
}

@media all and (max-width:1280px){
    .fadeback .banner{ 
        padding-top:7rem;
        min-height:30vw;
    }
    .fadeback .topfade{ 
        padding-top:3.5rem;
        min-height:50vw;
        font-size:2vw;
    }
    .fadeback .bannerin .left{ font-size:2vw; }
}

@media all and (max-width:980px){
    .newsletter{ background-position:calc(-320px) -14.5em; }
    .newsletter h1{ text-indent:.5em; }
}

@media all and (max-width:950px){
    .banner{
        font-size:1.45em;
        padding-top:7rem;
        padding-bottom:6vw;
        min-height:0;
        background-position:0 0;
        text-shadow:.06em .06em .3em rgba(0,0,0,1), .06em .06em .6em rgba(0,0,0,.5), .06em .06em 1.5em rgba(0,0,0,.65);
    }
    .bannerin{
        left:auto;
        transform:none;
        max-width:none;
        margin:0 auto;
        width:96%;
    }
    .banner .auth{ 
        left:0;
        width:50%;
        font-size:2.4vw;
    }
    .banner .bookinfo{
        right:-50%;
        width:50%;
    }
    .banner .bookinfo p{ width:73%; }
    .fadeback .banner{ text-shadow:none; }
    .fadeback .bannerin{ width:84%; }
    #navMenu .menu{ display:none; }
	#smNavShow{ 
		display:inline-block !important; 
		width:1.4em;
        fill:none;
        stroke:#000;
        stroke-width:3;
		margin:0 0 0;
		cursor:pointer;
		position:relative;
		z-index:1100;
        transition:.5s fill;
	}
    #smNavShow:hover #line1, #smNavShow:hover #line3{ transform:translateY(0); }
    #smNavShow svg{
        width:100%;
        height:auto;
    }
	#navMenuSm ul li a{
		padding:.6em 1.2em;
		font-size:1.25em;
		height:auto;
		top:0;
		text-align:left;
        color:#fff;
        margin:0;
	}
    #navMenuSm ul li a:hover{ color:#e1701e; }
    .newsletter form{ flex-wrap:wrap; }
    .newsletter span, .newsletter input{ flex-basis:49%; }
    .intext{ width:60%; }
}

@media all and (max-width:880px){
    #top{ background:linear-gradient(90deg, rgb(162,216,250) 54%, rgb(109,179,225) 100%); }
    #navMenu{ padding-right:7vw; }
    .left, .right{
		display:block;
		clear:both;
		width:100%;
		padding:0;
		margin:0 auto 1em;
	}
    .bluebar .right{
        width:100%;
        text-align:center;
    }
    .bluebar .wp-block-buttons{ justify-content:center; }
    .text, .sidetext{
        display:block;
        clear:both;
        width:90%;
        padding:0;
        margin:0 auto;
    }
    .text{ margin-bottom:1.6em; }
    .sidetext{ 
        min-height:23em;
        max-width:19em;
    }
    .colorback .right{
        width:100%;
        margin:0 auto;
        max-width:400px;
    }
    h4:after{ display:none; }
    .innerdivleft, .innerdivright{
        width:84%;
        display:block;
        clear:both;
        margin:0 auto;
        padding-right:0;
        padding-left:0;
    }
    .innerdivleft{
        height:40vw;
        width:100%;
        -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='50' y1='0' x2='50' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.7' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23linear-gradient)' width='100' height='100'/%3E%3C/svg%3E");
        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='50' y1='0' x2='50' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.7' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23linear-gradient)' width='100' height='100'/%3E%3C/svg%3E");
    }
    .innitposts{ flex-wrap:wrap; }
    .innitpost{ 
        flex-basis:100%;
        max-height:400px;
    }
    .fadeback .bannerin .left{ font-size:1.3rem; }
}

@media all and (max-width:750px){
    .banner{ font-size:4vw; }
}

@media all and (max-width:650px){
    .newsletter span, .newsletter input{ flex-basis:100%; }
    .intext{
		width:100%;
		float:left;
		margin:0 auto 1em;
	}
    .wp-block-gallery > figure{ flex:1 1 30% !important; }
    .banner{
        padding-top:23em;
        padding-bottom:0;
        background-size:190% auto;
    }
    .banner .auth, .banner .bookinfo{
        width:100%;
        left:auto;
        right:auto;
        position:relative;
        font-size:1.1rem;
    }
    .banner figure{ max-width:300px; }
    .fadeback .banner figure{ max-width:none; }
    .bannerin{
        background:#000;
        padding:1.6em 2em;
        width:100%;
        box-sizing:border-box;
    }
}

@media all and (max-width:550px){
    #title{ font-size:6.5vw; }
    .fadeback .bannerin .left{ font-size:1.1rem; }
    .fadeback .topfade{ 
        padding-top:5em;
        min-height:60vw;
    }
}

@media all and (max-width:500px){
	.wp-block-gallery > figure{ flex:1 1 100% !important; }
}