/*
Theme Name: Lead Last
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: leadlast
*/

/* =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;
}

:root{
    --blue:#294997;
    --dblue:#0f1c44;
    --yellow:#eab206;
}

/******************** 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:15px;
	line-height:1.6;
	background:#fff;
	color:#000;
	font-family:"montserrat", sans-serif;
}

img{ border:0px; }

#loader{
    width:100%;
    height:100%;
    z-index:1000000;
    position:fixed;
    top:0;
    left:0;
    background:var(--dblue);
}

#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:var(--yellow);
    fill:none;
    stroke-width:7;
    stroke-linecap:round;
    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{
	height:1px;
	border:0px;
	background:rgba(0,0,0,0.1);
	margin:2.2em 0 2.3em 0;
	clear:both;
}

h1, .h1{
	font-size:2em;
	margin:0 0 .8em 0;  
    color:var(--blue);
	text-transform:uppercase;
	letter-spacing:.04em;
    line-height:1.18;
    text-align:center;
	font-weight:bold;
}

h2, .h2{
	font-size:1.64em;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1.2;
	margin:0 0 .85em;
}

h3, .h3{
	font-size:1.45em;
	margin-bottom:1em;
    text-align:center;
    line-height:1.2;
}

h4, .h4{ 
    font-size:1.23em;
    margin:0 0 .6em 0;
    color:var(--blue);
	font-weight:bold;
	line-height:1.35;
}

.h5, h5{
    margin:1.3em 0 .6em;
    font-size:1.2em;
    text-align:center;
    line-height:1.3;
    font-weight:bold;
}

.h6, h6, .h7, h7{
    font-size:1.9em;
    margin:0 0 .6em;
    text-align:center;
}

.h7, h7{
    font-size:1.6em;
    color:var(--yellow);
    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:var(--yellow);
	transition:.4s color;
}

a:hover{ color:#C76900; }

#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;
}

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

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

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

#topinside{
	position:relative;
    display:table;
    padding:1.2em 1.75em;
    width:100%;
    transition:.3s padding, .3s width, .3s background;
    line-height:1;
    box-sizing:border-box;
}

.slid{ 
	padding:.75em 1.2em .9em !important;
	background:var(--dblue);
}

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

#title{
	position:relative;
	width:8em;
    display:table-cell;
    vertical-align:middle;
	font-size:2.33em;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	letter-spacing:.15em;
}
#title:hover a .yellow{ transition:.5s color; }

#title a{ color:white; }
#title:hover a{ color:var(--yellow); }
#title:hover a .yellow{ color:#C76900; }

.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:1em;
}

#navMenu div{ display:inline-block; }

.social{
	position:relative;
	display:inline-block;
	margin:0;
	pointer-events:all;
}

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

.iconDiv{
	width:1.2em;
	height:1.2em;
	margin:0 .4em 0 0;
	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:var(--yellow);
	transition:.3s fill;
}

.iconDiv:hover svg{
	fill:white;
}

/******************** 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:var(--yellow);
	display:inline-block;
	margin:0 0 0 4vw;
	position:relative;
	line-height:1;
	font-size:1.386em;
	font-weight:bold;
	transition:.5s color;
    cursor:pointer;
}

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

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

#menucloser{
    width:100%;
    height:.75em;
    margin:1em 0 .8em 1.5em;
    fill:var(--blue);
    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:white; }

/****** sub menu ******/

#navMenu ul ul{
	opacity:0;
	display:none;
	position:absolute;
	z-index:999;
	margin-top:.5em;
	border-radius:0 0 3px 3px;
	width:200px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, #fff 50%, #efefef 100%);
	background: -webkit-linear-gradient(top, #fff 50%,#efefef 100%);
	background: linear-gradient(to bottom, #fff 50%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
	box-shadow:0 6px 16px rgba(0,0,0,0.2);
}

#navMenu ul ul ul{
	left:200px;
	width:230px;
	margin-top:-2.5em;
}

#navMenu ul ul li{
	clear:both;
	float:left;
	margin:0;
	text-align:left;
	width:100%;
	transition:.5s background;
}

#navMenu ul li ul a{
	font-size:1.25em;
	display:block;
	line-height:1.15;
	font-style:italic;
	padding:.6em .65em .3em .65em;
	width:100%;
}

#navMenu ul li ul a:hover{ color:#000 !important; }	

#navMenu ul ul li:hover{
	background:#fff200;
}

#navMenuSm ul ul{
	opacity:1;
	position:relative;
	display:block;
	margin:0;
	border-radius:0;
	box-shadow:none;
	padding:0;
	backfgound:#ddd;
}

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

#mainContent{
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
}

#mainText{
	width:100%;
	float:left;
	margin-left:0;
}

.pages{
    background-size:cover;
    background-position:center top;
    display:inline-block;
    width:100%;
}

.pageinside{
    max-width:1000px;
    margin:0 auto;
    padding:0;
    text-align:left;
    position:relative;
    line-height:1.6;
    width:84%;
}

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

#mainContent ol{ list-style:decimal; }

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

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

#mainContent ul li{
	text-indent:-1.2em;
	line-height:1.3;
}

#mainContent ul li:before{
	color:inherit;
	content:'•';
	margin-right:.4em;
	font-size:1.25em;
}

.endpage{
    text-align:center;
	background:var(--dblue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' fill='rgba(255,255,255,.1)' viewBox='0 0 470.6 344.7'%3E%3Cpath d='M465.4 195.3c-6-8.8-20.3-26.4-20.3-26.4 0 0 10.4-8.8-2.7-26.9-13.2-18.1-82.4-119.2-91.8-131.3q-9.3-12.1-30.2-8.8c-20.9 3.3-84.1 9.9-114.3 70.3-25.3-22.5-96.7-27.5-166.5-9.9-7.1 2.7-12.8 6.2-20.3 20.3-9.3 17.6-17 28.6-10.4 46.2 0 0 80.2 178 90.1 198.4 9.9 20.3 21.4 20.3 40.7 13.2s108.8-39.6 130.2-46.7c21.4-7.1 35.2 4.4 43.4 13.7 8.2 9.3 19.2 3.8 21.4-14.8s14.8-28 34.6-37.4c19.8-9.3 73.1-29.7 89.6-35.7 16.5-6 12.6-15.4 6.6-24.2ZM135.2 66.2c47.8 2.2 64.8 15.9 74.2 26.4s57.7 91.8 91.2 150c-5.5-30.2-63.2-128.6-83.5-159.3 25.8-65.9 95.1-66.5 103.8-68.1s11-2.2 16.5 3.3 84.1 120.3 91.2 128.6c7.1 8.2 8.8 12.6.5 21.4s-45.1 19.8-69.8 31.3c-24.7 11.5-47.3 28.6-54.4 57.7-10.4-8.8-28.6-13.7-54.9-7.7-26.4 6-87.4 25.8-100 30.8-12.6 4.9-15.4 2.7-21.4-8.8S39 86.5 39 86.5c-4.4-11.5 48.4-22.5 96.2-20.3ZM445.6 210.1c-7.1 2.7-72.5 27.5-90.1 35.2-17.6 7.7-29.7 13.7-36.3 50-12.6-15.4-33.5-21.4-48.4-15.9s-112.6 42.9-134.6 49.5c-22 6.6-24.7-12.1-32.4-25.8S24.2 132.6 20.9 122.2c-3.3-10.4 8.8-23.1 8.8-23.1 0 0 89.1 183.1 94.5 191.8 9.3 14.8 29.2 1.4 72-12.1 69.8-22 82.4-30.2 116.5-5.5 4.4-44 43.1-57 74.7-71.4 36.3-16.5 49.5-22.5 49.5-22.5 0 0 13.2 15.9 15.4 19.8 2.2 3.8.5 8.2-6.6 11ZM68.1 310.7C50.5 269.5 0 150.8 0 150.8c3.8 43.4 50.5 146.2 68.1 159.9ZM367.6 9.6s54.9 75.8 85.7 124.7c-9.9-36.3-54.9-107.1-85.7-124.7ZM172.3 193.4c-24 5.3-43.4 12-43.6 12-2.4.8-3.6 3.4-2.8 5.7.6 1.9 2.4 3 4.3 3s1 0 1.5-.2c.8-.3 75.8-25.7 112.8-16.5 2.4.6 4.9-.9 5.5-3.3s-.9-4.9-3.3-5.5c-16.7-4.2-41.7-2.6-74.3 4.7ZM143 248c.7 1.8 2.4 2.9 4.2 2.9s1.1 0 1.6-.3c.8-.3 76.2-28.6 112.5-22.8 2.4.4 4.8-1.3 5.2-3.7.4-2.5-1.3-4.8-3.7-5.2-38.6-6.2-113.9 22.1-117.1 23.3-2.3.9-3.5 3.5-2.6 5.8ZM94.6 132c-2.4.6-3.8 3.1-3.2 5.5.5 2 2.4 3.3 4.3 3.3s.8 0 1.2-.2c.7-.2 75.1-19.9 113.6-3.9 2.3 1 4.9-.1 5.9-2.4 1-2.3-.1-4.9-2.4-5.9-41.3-17.1-116.2 2.7-119.4 3.5ZM79.6 104.1c.7-.2 74.7-17 114 2.4.6.3 1.3.5 2 .5 1.7 0 3.3-.9 4-2.5 1.1-2.2.2-4.9-2-6-17.8-8.8-43.5-12-76.3-9.4-24.2 1.9-42.9 6.2-43.7 6.4-2.4.6-3.9 3-3.4 5.4.6 2.4 3 3.9 5.4 3.4ZM111.6 168.7c-2.4.7-3.7 3.2-3 5.6.6 1.9 2.4 3.2 4.3 3.2s.9 0 1.3-.2c.8-.2 75.5-22.8 113.2-10.2 2.4.8 4.9-.5 5.7-2.8.8-2.4-.5-4.9-2.8-5.7-40.5-13.5-115.5 9.2-118.7 10.1ZM312.2 119.2c18.7-10 39.3-18.2 55-22.1 2.4-.6 3.9-3 3.3-5.4-.6-2.4-3-3.9-5.4-3.3-16.4 4-37.8 12.5-57.1 22.9-24.6 13.1-37.1 32.1-37.6 32.9-1.3 2.1-.8 4.9 1.3 6.2.8.5 1.6.7 2.4.7 1.5 0 2.9-.7 3.8-2 .1-.2 11.8-17.9 34.3-29.9ZM293.8 87.4c17.7-10.3 36.2-17.1 53.7-19.7 2.5-.4 4.2-2.6 3.8-5.1-.4-2.5-2.7-4.2-5.1-3.8-18.6 2.7-38.2 9.9-56.9 20.8-24.1 14.1-34.8 33.2-35.3 34-1.2 2.2-.4 4.9 1.8 6.1.7.4 1.4.6 2.2.6 1.6 0 3.1-.8 3.9-2.3 0-.2 10.1-17.8 31.9-30.5ZM376.5 131c4.6-1.9 8.2-3.3 10.9-4.5 2.3-1 3.3-3.7 2.3-5.9-1-2.3-3.7-3.3-5.9-2.3-2.6 1.2-6.4 2.7-10.7 4.4-11.2 4.6-28.2 11.5-46.4 20.3-25 12.2-39.3 31.1-39.9 31.9-1.5 2-1.1 4.8.9 6.3.8.6 1.8.9 2.7.9 1.4 0 2.7-.6 3.6-1.8.1-.2 13.7-18 36.7-29.2 17.9-8.8 34.7-15.6 45.8-20.1ZM345.4 174.7c-25.3 11.5-41.5 30-42.2 30.8-1.6 1.9-1.4 4.7.5 6.3.9.7 1.9 1.1 2.9 1.1s2.5-.5 3.4-1.6c.2-.2 15.6-17.8 39.1-28.5 9.5-4.3 18.4-8.1 26.3-11.5 19.5-8.4 29-12.6 32.8-16.3 1.8-1.8 1.8-4.6 0-6.4-1.8-1.8-4.6-1.8-6.4 0-2.7 2.7-15.9 8.4-30 14.4-7.9 3.4-16.9 7.2-26.4 11.6ZM263.8 64.4c17-15.2 38.5-24 64-26.2 2.5-.2 4.3-2.4 4.1-4.9-.2-2.5-2.4-4.3-4.9-4.1-66.1 5.7-88.5 51.7-89.4 53.7-1.1 2.2 0 4.9 2.2 6 .6.3 1.3.4 1.9.4 1.7 0 3.3-1 4.1-2.6 0-.1 5.3-11 18-22.4Z'/%3E%3C/svg%3E") left center / auto 110% no-repeat;
	color:white;
}

.endpage h2{
	color:var(--yellow);
	font-size:1.6em;
	text-transform:none;
	margin:0 auto .5em;
	max-width:70%;
}

.endpage > div{
    line-height:1.5;
    padding:3em 0;
    margin:0 auto;
    max-width:800px;
    width:84%;
	text-align:left;
}

.endpage p{
	margin:0 auto 1.5em;
	max-width:70%;
}

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

#bottom{
	width:100%;
	height:auto;
	clear:both;
	float:left;
	padding:2.6em 3em 3em;
	position:relative;
    bottom:0;
	background:var(--dblue);
	color:white;
	text-align:center;
	box-sizing:border-box;
}

#bottom > *{ z-index:100; }

#bottom:before{
	width:100px;
	height:250px;
	position:absolute;
	top:2em;
	right:-10px;
	z-index:1;
	content:"";
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' fill='%23eab206' viewBox='0 0 19.6 36.1'%3E%3Cpath d='M8.9 6.8c.1 0 .3 0 .4 0 1.9 0 3.4-1.5 3.4-3.4S11.2 0 9.3 0s-.3 0-.4 0c-1.7.2-3 1.6-3 3.4s1.3 3.2 3 3.4ZM11.3 14.1l.2-1.2s0-.4.1 0c.1.4.8 1.7 1.4 2.2.8.6 2.3 1.4 3 1.8.6.4 1.7 1 2.1 1.2.7.2 1.8-.3 1.4-1.3-.2-.6-.4-.8-1.7-1.7s-2.4-1.1-3.1-2c-.7-1-2.2-3.3-2.6-3.9-.4-.7-1-1.6-1.6-1.9-.5-.3-1.2-.3-1.5-.3 0 0-.3 0-.7 0-.1 0-.3 0-.4 0-.3.1-.6.3-.9.5l-1.2 1.1s-2.3 2.4-3.4 3.3c-1.1.9-1 2.3-1 2.3 0 0-.5 2.9-.5 3.8 0 .9 0 1.9.6 2.3.6.4 1 0 1.2-.1.2-.2.5-1.1.6-1.6.1-.6.2-2 .4-3.5.3-1.5.9-1.7 1.4-2.2.5-.6.8-.9.8-.9l-.4 3-.6 3.9s-.3 2.5-.7 5.3c-.4 2.9-.4 2.7-.4 2.7 0 0-2.3 4.2-2.5 4.6 0 .1-.1.3-.3.6l-.9 1.5c-.4.8-.2 1.8.6 2.2h0c.7.4 1.6.2 2.1-.4 0 0 0-.1.1-.2l4.2-7.2.8-1.4c.3-.6.7-4.5.7-4.8 0 0 0 0 0 0l4.2 3.9 2.7 8.5.2.7c.3.9 1.2 1.3 2 1.1h0c.5-.2.9-.6 1.1-1.1.2-.4.2-.9-.1-1.7-.9-2.5-1.7-5.7-2.2-7.5-.6-1.7-.3-1.5-2.7-3.9-3-3.1-3.3-2.6-3.2-3.5 0-1.1.6-4.1.6-4.1Z'/%3E%3C/svg%3E") center top / 100% auto no-repeat;
}

#bottom:after{
	width:100px;
	height:250px;
	position:absolute;
	top:2em;
	right:100px;
	z-index:1;
	content:"";
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' fill='rgba(255,255,255,.1)' viewBox='0 0 19.6 36.1'%3E%3Cpath d='M8.9 6.8c.1 0 .3 0 .4 0 1.9 0 3.4-1.5 3.4-3.4S11.2 0 9.3 0s-.3 0-.4 0c-1.7.2-3 1.6-3 3.4s1.3 3.2 3 3.4ZM11.3 14.1l.2-1.2s0-.4.1 0c.1.4.8 1.7 1.4 2.2.8.6 2.3 1.4 3 1.8.6.4 1.7 1 2.1 1.2.7.2 1.8-.3 1.4-1.3-.2-.6-.4-.8-1.7-1.7s-2.4-1.1-3.1-2c-.7-1-2.2-3.3-2.6-3.9-.4-.7-1-1.6-1.6-1.9-.5-.3-1.2-.3-1.5-.3 0 0-.3 0-.7 0-.1 0-.3 0-.4 0-.3.1-.6.3-.9.5l-1.2 1.1s-2.3 2.4-3.4 3.3c-1.1.9-1 2.3-1 2.3 0 0-.5 2.9-.5 3.8 0 .9 0 1.9.6 2.3.6.4 1 0 1.2-.1.2-.2.5-1.1.6-1.6.1-.6.2-2 .4-3.5.3-1.5.9-1.7 1.4-2.2.5-.6.8-.9.8-.9l-.4 3-.6 3.9s-.3 2.5-.7 5.3c-.4 2.9-.4 2.7-.4 2.7 0 0-2.3 4.2-2.5 4.6 0 .1-.1.3-.3.6l-.9 1.5c-.4.8-.2 1.8.6 2.2h0c.7.4 1.6.2 2.1-.4 0 0 0-.1.1-.2l4.2-7.2.8-1.4c.3-.6.7-4.5.7-4.8 0 0 0 0 0 0l4.2 3.9 2.7 8.5.2.7c.3.9 1.2 1.3 2 1.1h0c.5-.2.9-.6 1.1-1.1.2-.4.2-.9-.1-1.7-.9-2.5-1.7-5.7-2.2-7.5-.6-1.7-.3-1.5-2.7-3.9-3-3.1-3.3-2.6-3.2-3.5 0-1.1.6-4.1.6-4.1Z'/%3E%3C/svg%3E") center top / 100% auto no-repeat;
}

#bottom h2{
	text-transform:none;
	margin:0 auto .5em;
}

#bottom p{
	margin:0 auto;
	max-width:600px;
}

#bottom .blue{
	display:inline-block;
	width:.8em;
	height:.8em;
	position:relative;
	top:.1em;
	margin:0 .4em;
	color:rgba(0,0,0,0);
	background:var(--blue);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100'%3E%3Cpath d='M99.8 49.8l-31 47.5h-28.2l21.7-36.2H.2v-22.6h61.9L40.6 2.7h28.2l31 47.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100'%3E%3Cpath d='M99.8 49.8l-31 47.5h-28.2l21.7-36.2H.2v-22.6h61.9L40.6 2.7h28.2l31 47.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

#copyright{
	width:100%;
	clear:both;
	margin:5em auto 0;
	font-size:.85em;
	line-height:1;
	text-align:center;
	color:rgba(255,255,255,.6);
	box-sizing:border-box;
}

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

.blogposts{
    width:100%;
    clear:both;
    font-size:0;
    text-align:center;
}

.blogpost{
    font-size:1rem;
    display:inline-block;
    vertical-align:top;
    width:33%;
    padding:.75em 1.25em;
    margin:.25em;
    background:#f5f4ee;
    text-align:center;
    transition:.5s background;
    box-sizing:border-box;
}

.blogpost:hover{ background:#ded8c5; }

.blogpost .h3{ 
    text-align:center;
    color:#c4487e !important;
}

.blogpost .descr{
    color:#000;
    text-align:left;
}

.postInfo, .postInfo2{
	display:block;
	margin:0 0 .5em 0;
	color:rgba(0,0,0,.45);
	font-size:.85em;
}

.postInfo2{
	margin:0 0 1em 0;
}

#pagination{
	width:100%;
	text-align:center;
	font-size:1.33em;
	font-weight:bold;
	margin:1em 0 0;
}

.pagination, .paginationp, .paginationn{
    display:inline-block;
    margin:0 .3em;
    width:1em;
    cursor:pointer;
}
.paginationp{ margin-right:.6em; display:none; }
.paginationn{ margin-left:.6em; }

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

.wpcf7{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

.endpage .wpcf7{ max-width:none; }

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:1em;
    border:.15em solid var(--yellow);
    padding:.85em 1em;
    box-sizing:border-box;
	background:none;
	width:100%;
	margin:0 0 .5em;
	display:inline-block;
}

::placeholder{ font-style:italic; }

textarea{ height:8em; }

.wpcf7-spinner{ position:absolute; }

.wpcf7-not-valid-tip{ font-size:1rem; }

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:1.25em 2.5em 1.35em 1.5em;
	line-height:1;
	display:inline-block;
	font-size:1.1em;
	transition:.5s color, .5s background;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.04em;
	background:var(--blue);
    text-align:center;
	position:relative;
}

input[type="submit"]{ padding-right:1.5em; }

.button:after, input[type="button"]:after, .wp-block-button__link:after, .endpage input[type="submit"]::after{
	content:"";
	width:.6em;
	height:.6em;
	font-weight:bold;
	color:var(--yellow);
	font-size:1.66em;
	line-height:0;
	position:absolute;
	right:1rem;
	top:50%;
	transition:.5s right, .5s background;
	transform:translateY(-50%);
	background:var(--yellow);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100'%3E%3Cpath d='M99.8 49.8l-31 47.5h-28.2l21.7-36.2H.2v-22.6h61.9L40.6 2.7h28.2l31 47.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100'%3E%3Cpath d='M99.8 49.8l-31 47.5h-28.2l21.7-36.2H.2v-22.6h61.9L40.6 2.7h28.2l31 47.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.endpage input{
	background:var(--dblue);
	padding-top:0;
	padding-bottom:0;
	height:3rem;
	color:white;
}

.endpage form{
	display:flex;
	flex-wrap:nowrap;
	align-content:stretch;
	align-items:stretch;
	gap:.5em;
	max-width:none;	
}

.endpage input[type="submit"], .endpage .button, .endpage input[type="button"], .endpage .wp-block-button__link{
	background:var(--yellow);
	color:var(--blue);
}

.dcolor input[type="submit"], .dcolor .button, .dcolor input[type="button"], .dcolor .wp-block-button__link{
	background:white;
	color:var(--blue);
}

.backToBlog a{
	margin:3em 0 35px 0;
	font-size:1.4em;
	transition:.5s background;
}

#pagination .next, #pagination .prev, .read-more{
	padding:.2em .4em .2em .4em;
	margin:0 .3em;
	font-size:.9em;
	display:inline-block;
	transition:.5s color, .5s background;
	color:#fff;
	background:#c4487e;
}

.read-more{
	font-size:.85em;
	padding:.25em .8em .25em .8em;
}

#pagination .next:hover, #pagination .prev:hover, .read-more:hover, .wp-block-button__link:hover, input[type="submit"]:hover, .button:hover, input[type="button"]:hover{
	color:var(--blue);
	background:var(--yellow);
}

input[type="submit"]:hover:after, .button:hover:after, input[type="button"]:hover:after, .wp-block-button__link:hover:after{
	right:.65rem;
	background:var(--blue);
}

.endpage input[type="submit"]:hover, .endpage .button:hover, .endpage input[type="button"]:hover, .endpage .wp-block-button__link:hover{
	background:white;
}


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

.pressb{
	width:100%;
	clear:both;
	background:var(--yellow);
	transition:.5s background;
	display:table;
	margin:0 auto .65em;
    box-sizing:border-box;
	max-width:600px;
}

.pressb:hover{ background:#C76900; }

.pressl{
	width:30%;
	height:100%;
	display:table-cell;
	box-sizing:border-box;
	vertical-align:middle;
	position:relative;
	text-align:center;
	padding:.4rem;
	border-right:.2em solid var(--blue);
}

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

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

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

.lost{
	margin:0;
	padding:0;
}

.lostH{
	font-size:6em;
	margin:0 0 0 0;
	line-height:1;
}

.lostP{
	margin:0;
}

/********************************* 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 ************************/

.testimonials{
	width:100%;
	margin:0 auto;
    display:block;
    text-align:center;
	max-width:700px;
	position:relative;
	z-index:100;
}
.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;
    padding-bottom:1em;
}

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

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

.testbutton{
    width:.6em;
    height:.6em;
    margin:0 .3em;
    display:inline-block;
    line-height:1;
    position:relative;
    cursor:pointer;
    overflow:hidden;
    border-radius:1em;
	background:white;
}

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

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

.square{
    background:var(--blue);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

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

.intext, .is-style-intext{
	width:40%;
	height:auto;
	margin:0 0 .5em 1em;
	float:right;
	max-width:220px;
	box-shadow:.12em .14em .35em rgba(0,0,0,0.3);
}

.shadowFrame{
	border:10px solid #fff;
	background:#fff;
	margin-bottom:20px;
	box-shadow:0px 2px 6px rgba(0,0,0,0.3);
}

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

.bcolor{ 
	position:relative;
	background:var(--yellow);
}

.bcolor:before, .bcolor:after{
	width:200px;
	height:330px;
	position:absolute;
	bottom:0;
	left:-1%;
	z-index:1;
	content:"";
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' fill='rgba(255,255,255,.2)' viewBox='0 0 19.6 36.1'%3E%3Cpath d='M8.9 6.8c.1 0 .3 0 .4 0 1.9 0 3.4-1.5 3.4-3.4S11.2 0 9.3 0s-.3 0-.4 0c-1.7.2-3 1.6-3 3.4s1.3 3.2 3 3.4ZM11.3 14.1l.2-1.2s0-.4.1 0c.1.4.8 1.7 1.4 2.2.8.6 2.3 1.4 3 1.8.6.4 1.7 1 2.1 1.2.7.2 1.8-.3 1.4-1.3-.2-.6-.4-.8-1.7-1.7s-2.4-1.1-3.1-2c-.7-1-2.2-3.3-2.6-3.9-.4-.7-1-1.6-1.6-1.9-.5-.3-1.2-.3-1.5-.3 0 0-.3 0-.7 0-.1 0-.3 0-.4 0-.3.1-.6.3-.9.5l-1.2 1.1s-2.3 2.4-3.4 3.3c-1.1.9-1 2.3-1 2.3 0 0-.5 2.9-.5 3.8 0 .9 0 1.9.6 2.3.6.4 1 0 1.2-.1.2-.2.5-1.1.6-1.6.1-.6.2-2 .4-3.5.3-1.5.9-1.7 1.4-2.2.5-.6.8-.9.8-.9l-.4 3-.6 3.9s-.3 2.5-.7 5.3c-.4 2.9-.4 2.7-.4 2.7 0 0-2.3 4.2-2.5 4.6 0 .1-.1.3-.3.6l-.9 1.5c-.4.8-.2 1.8.6 2.2h0c.7.4 1.6.2 2.1-.4 0 0 0-.1.1-.2l4.2-7.2.8-1.4c.3-.6.7-4.5.7-4.8 0 0 0 0 0 0l4.2 3.9 2.7 8.5.2.7c.3.9 1.2 1.3 2 1.1h0c.5-.2.9-.6 1.1-1.1.2-.4.2-.9-.1-1.7-.9-2.5-1.7-5.7-2.2-7.5-.6-1.7-.3-1.5-2.7-3.9-3-3.1-3.3-2.6-3.2-3.5 0-1.1.6-4.1.6-4.1Z'/%3E%3C/svg%3E") center top / 100% auto no-repeat;
}

.bcolor:after{
	left:auto;
	right:-1%;
}

.dcolor{ 
	position:relative;
	background:var(--blue);
	color:white;
}

.dcolor h1{ color:white; }

.inpad{ padding:3em 0; }
.firstP .inpad{ padding:0; }

.table{ display:table; }

.left, .right, .lft, .rgt{ 
	display:table-cell;
	vertical-align:middle;
}

.rgt{
	width:45%;
    max-width:480px;
	padding-left:5%;
}

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

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

.firstP{
    width:100%;
    background-size:cover;
    background-position:center top;
    position:relative;
    overflow:hidden;
}

.firstP .pageinside{
    position:relative;
    text-align:center;
    width:90%;
    z-index:5;
    padding:6em 0 0 10%;
    display:table;
    height:100%;
    max-width:1100px;
}

.firstP .right{ 
    width:50%;
    max-width:none;
	padding-left:5%;
}

.firstP .is-style-left figure{
	position:relative;
	left:1em;
}

.logolink{
    height:2em;
    width:auto;
    display:inline-block;
    margin:0 .2em;
    vertical-align:middle;
}

hr.wp-block-separator{
    max-width:13em;
    margin:2em auto;
    background:none;
    height:1px;
    border-top:0;
    border-bottom:2px solid #eee;
}

.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);
}

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

@media all and (max-width: 1175px){
    
}

@media all and (max-width:950px){
    
}

@media all and (max-width:880px){
	#navMenu .menu{ display:none; }
	#navMenu{ padding-right:0; }
	#smNavShow{ 
		display:inline-block !important; 
		width:1.4em;
        fill:none;
        stroke:var(--yellow);
        stroke-width:5;
		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;
		margin:0;
		height:auto;
		top:0;
		text-align:left;
        color:var(--blue);
	}
	.firstP{ background-position:left center; }
	.firstP .pageinside{
		width:60%;
		padding-left:40%;
	}
	.boxarea > div, .endpage form{ justify-content:center; flex-wrap:wrap; }
	.box, .endpage form > span{ flex-basis:45%; }
	#bottom{ padding-bottom:12em; }
	#copyright{ margin-top:3em; }
	#bottom:before, #bottom:after{
		width:4.5em;
		height:9em;
		top:auto;
		bottom:.3em;
		right:auto;
		left:50%;
	}
	#bottom:before{ transform:translateX(70%); }
	#bottom:after{ transform:translateX(-70%); }
}

@media all and (max-width:660px){
	.headgroup > div{
		flex-wrap:wrap;
		gap:0;
	}
	.headgroup figure{ max-width:140px; }
	.box, .endpage form > span{ flex-basis:100%; }
	.endpage input[type="submit"]{ width:100% !important; }
	.intext, .is-style-intext{ 
		width:60%;
		max-width:none;
	}
}

@media all and (max-width:500px){
	#title{
		font-size:7vw;
	}
	.firstP .is-style-left figure{ width:90%; }
	.intext, .is-style-intext{
		width:100%;
		float:left;
		margin:0 auto 1em;
	}
	.bcolor:before, .bcolor:after{
		width:40vw;
		height:60vw;
	}
}