/*  ------------------------------------------------------------------------------------------------------------------------------------  */
/*  ----------------------------------------------------------------------------------------------------------------------- STYLE RESET   */
/*  ------------------------------------------------------------------------------------------------------------------------------------  */


html, body, 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, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent;}


article, aside, figure, footer, header, nav, section, details, summary {display: block;}

img, object, embed {max-width: 100%;}

html {overflow-y: scroll;}

html, body {height: 100%;}

ul {list-style: none; overflow: hidden;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; outline:0}
a img {border: none}

del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {clear: both;display: block; height: 1px; border: 0; border-top: 4px solid rgba(100,100,100,0.2); margin: 50px 0; padding: 0;}

input, select {vertical-align: middle;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}


table {font-size: inherit; font-size: 100%;}

small {font-size: 85%;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

.clickable, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}

button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
button:focus {text-decoration: none; outline:0}

div, header, nav, main, footer, input, label, textarea, a, section, article {box-sizing: border-box;}

.clear {clear: both; display: block; height: 0;}

span.nowrap {white-space: nowrap !important;}

.shout{text-transform: uppercase;}

.hideformobile {display: none;}


/*  ------------------------------------------------------------------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------------------------------------------------ Responsive Testing */
/*  ------------------------------------------------------------------------------------------------------------------------------------  */


p.mobitest:after{
  content: "wide screen";
}


/*  ------------------------------------------------------------------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------------------------------------------- Fonts & Spacing Setup */
/*  ------------------------------------------------------------------------------------------------------------------------------------  */


@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  softness: 100;
}

@font-face {
  font-family: 'Source Serif 4';
  src: url('../fonts/SourceSerif4-Variable.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('../fonts/SourceSerif4-Italic-Variable.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}


html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: 'Source Serif 4', 'Georgia', serif;
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
input, textarea {
  font-family: 'Source Serif 4', 'Georgia', serif;
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
}

h1, h2, h3, h4 {
  font-family: 'Fraunces', 'Georgia', serif;
  font-variation-settings: 'SOFT' 0, 'WONK' 1;
}
h1 {
  font-size: clamp(2rem, 1.2rem + 3vw, 3.5rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

h2 {
  font-size: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

h3 {
  font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem);
  font-weight: 600;
  line-height: 1.3;
}

h4 {
  font-size: clamp(1.00rem, 1rem + 1vw, 1.30rem);
  font-weight: 600;
  line-height: 1.3;
}

h5 {
  font-size: clamp(1.00rem, 1rem + 1vw, 1.10rem);
  font-weight: 600;
  line-height: 1.1;
}

small, .text-sm {
  font-size: clamp(0.8rem, 0.75rem + 0.25vw, 0.875rem);
}

p, li { max-width: 65ch; }
p { margin-bottom: 1.5em; }
h1 { margin-bottom: 0.75em; }
h2 { margin-top: 2.5em; margin-bottom: 0.75em; }
h3 { margin-top: 2em; margin-bottom: 0.5em; }
h4 { margin-top: 1.5em; margin-bottom: 0.5em; }
h5 { margin-top: 1.0em; margin-bottom: 0.6em; }
:first-child { margin-top: 0; }

strong {font-weight: 600;}




/*  ------------------------------------------------------------------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------------------------ For wide screen browsers (wider than 1024) */
/*  ------------------------------------------------------------------------------------------------------------------------------------  */


body {
    position: relative;
    color: #949385;
    background: 
        url(../images/watercolor.png) no-repeat center top,
        #30303c url(../images/paper.jpg) repeat;
}

a {
    color: #4ea957; 
    font-weight: 700;
    }
a:hover {
    color: #5db966;
}



ol {
    margin: 0 0 0 18px;
    }
ul li, ol li {
    margin: 10px 0 10px;
    line-height: 150%;
    text-align: left;
}
ol li {
    background: none;
    margin: 10px 0 10px 15px;
    padding-left: 10px;
}

#container {
    margin: auto;
    width: 100%;
    min-height: 100%;
}

.content {
    margin: auto;
    padding: 30px;
    width: 100%;
    max-width: 1536px;
}

/*  ----------------------------------------------- HEADER  */

header {
    display: block;
    width: 100%;
    height: 114px;
    background: rgba(0,0,0,0.1);
    }
header .content {
    position: relative;
    padding: 0;
}




/*  -- Logo */
a#logo {
    position: absolute;
    top: 30px;
    left: 40px;
    display: block;
    width: 230px;
    height: 84px;
    background: url('../images/bg-logo3.svg') no-repeat left top;
    background-size: contain;
    z-index: 2;
    }
a#logo:hover {
    filter: brightness(0) saturate(100%) invert(63%) sepia(49%) saturate(489%) hue-rotate(75deg) brightness(90%) contrast(89%);
}


/*  -- Main Navigation */
.navigation {
    position: absolute;
    display: block;
    width: 100%;
}

nav.main-nav ul {
    margin: 0 18px 0 0;
    text-align: right;
    }
nav.main-nav ul li {
    display: inline-block;
    margin: 35px 0 0;;
}
nav.main-nav ul li a {
    display: inline-block;
    margin: 0;
    padding: 12px 17px;
    color: #4ea957;
    letter-spacing: 0.25px;
}

nav.main-nav ul li a:hover {
    background: rgba(0,0,0,0.1);
}


/*  -- Highlight Current Page's Menu Link */
nav.main-nav ul li.current_page_item a {
    color: #33793b;
    cursor: default;
}

/*  -- Smart Navigation */
label.show-menu { /* Hide hamburger menu by default */
    display: none;
    }
nav.smart-nav input[type=checkbox] { /* Hide checkbox */ 
    display: none;
  }
nav.smart-nav input[type=checkbox]:checked ~ .menu { /* Show menu when invisible checkbox is checked */
    display: block;
}

/*  -- Show and Hide Specific Menus */
nav.smart-nav{ display: none; }
nav.main-nav{ display: block; }
nav.shop-nav{ display: block; }




/* -------------------------------------------------------- MAIN SECTION  */

main {
    position: relative;
    width: 100%;
    min-height: calc(100% - 200px);
    margin: 0;
    padding: 50px 0;
    }
main ul, main ol {
    margin: 5px 0 15px;    
}
main ul li {
    margin: 5px 0 5px;
    padding: 0 0 0 25px;
    background: url('../images/bullet.png') no-repeat left 5px;
}


/*  -- FOOTER  */

footer {
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 20px 0;
    background-color: rgba(0,0,0,0.1);
}

footer .footergrid { /* -- Grid Container   */
    display: grid;
    grid-gap: 70px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0;
}

div.footer-legal {
    margin: 0;
    padding: 0;
}

a.footer-logo {
    display: block;
    margin: 0 0 20px;
    width: 220px;
    height: 50px;
    background: url(../images/bg-logo3.svg) no-repeat left top;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(83%) sepia(8%) saturate(504%) hue-rotate(12deg) brightness(82%) contrast(86%);
    }
a.footer-logo:hover {
    filter: brightness(0) saturate(100%) invert(63%) sepia(37%) saturate(601%) hue-rotate(75deg) brightness(92%) contrast(93%);
}

a.noai {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/noai.svg) no-repeat left top;
    background-size: contain;
    min-height: 100px;
    max-width: 350px;
}
a.noai:hover {
    filter: brightness(0) saturate(100%) invert(63%) sepia(37%) saturate(601%) hue-rotate(75deg) brightness(92%) contrast(93%);
}

footer ul#signature {
    display: block;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    }
footer ul#signature li {
    margin: 0;
    padding: 0;
    color: #aeaa98;
    font-weight: 500;    
    font-size: 11pt;  
    }
footer ul#signature li a{
    color: #aeaa98;    
    font-weight: 400;
    font-size: 9pt; 
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    }
footer ul#signature li a:hover{
    color: #4ea957;
    text-decoration: none;
}


div.footer-searchsocial {
    float: right;
    margin: 0;
    max-width: 500px;
    text-align: left;    
}

div.footer-searchsocial h4 {
    padding: 20px 0 7px;
    font-size: 11pt;
    color: #aeaa98;
    }
div.footer-searchsocial h4:first-child {
    padding: 0 0 7px;
}

form.searchform {
    margin: 0 0 10px;
    padding: 0 10px;
    background: #1f202d;
    }
form.searchform .searchbar {
    margin: 10px 5px 10px 0;
    padding: 5px 7px;
    width: calc(100% - 35px);
    border: none;
    background-color: transparent;
    color: #aeaa98;
    letter-spacing: -0.5px; 
}





/*  -- CONTENT  */

h1 span {
    display: block;
    font-weight: 300;
}


.homecontainer > .wp-block-group__inner-container { /* -- Grid Container   */
    display: grid;
    grid-gap: 70px;
    grid-template-columns: auto auto 350px;
    padding: 0;
    }
.homecontainer > .wp-block-group__inner-container figure img {
    max-width: 250px;
    }
.homecontainer > .wp-block-group__inner-container figure.noaisymbol img {
    width: 100px;
    }
.homecontainer > .wp-block-group__inner-container > .sidecontent > .wp-block-group__inner-container { /* -- Grid Container   */
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr;
}

.contactcontainer > .wp-block-group__inner-container { /* -- Grid Container   */
    display: grid;
    grid-gap: 70px;
    grid-template-columns: 250px auto 350px;
    padding: 0;
    }
.contactbottomblocks > .wp-block-group__inner-container { /* -- Grid Container   */
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}




.page-side {
    float: left;
    width: 387px;
}
.page-main {
    float: right;
    width: calc(100% - 447px);
}

.page-side h2 {
    padding: 10px 0 0;
}

.page-side h2 + ul {
    padding: 20px 0 10px;
}


.blogdetail {
    display: grid;
    grid-gap: 70px;
    grid-template-columns: 1fr 320px;
    align-items: start;
}

.blogdetail .page-side,
.blogdetail .page-main {
    float: none;
    width: auto;
}


.anxietylanding > .wp-block-group__inner-container { /*  -- Anxiety Landing Page */
    display: grid;
    grid-gap: 70px;
    grid-template-columns: 1fr 380px;
    padding: 0;
}



.side-card {
    margin: 0;
    padding: 40px 40px 25px;
    background: linear-gradient(to bottom, rgba(25,25,36,0.8) 0%,rgba(10,10,15,0.8) 59%,rgba(0,0,0,0.1) 100%); /* https://colorzilla.com/gradient-editor/#191924+0,000000+100&0.8+59,0.1+100 */
    border-radius: 6px;
    }
.side-card h3 {
    color: #bdb9a3;
    }
.side-card p {
    color: #aeaa98;
    font-size: 90%;
    }
.side-card p span {
    font-weight: 500;
    font-style: italic;
    }
.side-card li {
    color: #aeaa98;
    font-size: 90%;
}
.page-side .side-card {
    margin: 0 0 1.5em;
}

p.calltoaction {
    text-align: right;
    }
p.calltoaction:last-child {
    margin-bottom: 0;
    }
p.calltoaction a {
    display: inline-block;
    margin-top: 20px;
    padding: 7px 25px;
    background-color: #33793b;
    color: #e9e7e2; 
    font-weight: 700;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 90%;
    }
p.calltoaction a:hover {
    background-color: #33793b;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.1);
    }
p.calltoaction a.cta-amazon, 
p.calltoaction a.cta-artistree,
p.calltoaction a.cta-cubebrush,  
p.calltoaction a.cta-emailme,
p.calltoaction a.cta-gumroad,
p.calltoaction a.cta-inprnt,
p.calltoaction a.cta-patreon,  
p.calltoaction a.cta-rakutankobo,
p.calltoaction a.cta-redbubble,  
p.calltoaction a.cta-upwork, 
p.calltoaction a.cta-viewporti,  
p.calltoaction a.cta-youtube, 
p.calltoaction a.cta-zazzle {
    padding: 7px 50px 7px 25px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    }
p.calltoaction a.cta-amazon{
    background-image: url(../images/but-amazon.svg);
    background-size: auto 60%;
    }
p.calltoaction a.cta-artistree{
    background-image: url(../images/but-artistree.svg);
    background-size: auto 70%;
    }
p.calltoaction a.cta-cubebrush{
    background-image: url(../images/but-cubebrush.svg);
    background-size: auto 50%;
    }
p.calltoaction a.cta-emailme{
    background-image: url(../images/but-email.svg);
    background-size: auto 35%;
    }
p.calltoaction a.cta-gumroad{
    background-image: url(../images/but-gumroad.svg);
    background-size: auto 45%;
    }
p.calltoaction a.cta-patreon{
    background-image: url(../images/but-patreon.svg);
    background-size: auto 50%;
    }
p.calltoaction a.cta-rakutankobo {
    background-image: url(../images/but-rakutankobo.svg);
    background-size: auto 55%;
    }
p.calltoaction a.cta-redbubble{
    background-image: url(../images/but-redbubble.svg);
    background-size: auto 35%;
    }
p.calltoaction a.cta-upwork{
    background-image: url(../images/but-upwork.svg);
    background-size: auto 40%;
    }
p.calltoaction a.cta-viewporti{
    background-image: url(../images/but-portfolio.svg);
    background-size: auto 50%; 
    }
p.calltoaction a.cta-youtube{
    background-image: url(../images/but-youtube.svg);
    background-size: auto 45%;
    }
p.calltoaction a.cta-zazzle{
    background-image: url(../images/but-zazzle.svg);
    background-size: auto 60%;
    }
p.cta-left {
    text-align: left;
}
p.buttonstack a {
    margin-top: 10px;
    width: 100%;
}
p.notopmargin a:first-child{
    margin-top: 0;
}


p.introduction {
    font-weight: 250;
    font-size: 150%;
}


/*  Built in Gutenberg blocks */
.wp-block-separator {
    border: 0;
    border-top: 3px solid rgba(255, 255, 255, 0.1);
}





.noai-notice {
    margin: 0 0 50px;
}
.noai-notice > .wp-block-group__inner-container { /* -- Grid Container   */
    display: grid;
    grid-gap: 30px;
    padding: 0;
    grid-template-columns: auto 1fr; 
    align-items: center;
    }
.noai-notice > .wp-block-group__inner-container figure {
    max-width: 100px;
}
.noai-notice > .wp-block-group__inner-container > *:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically centers the text content relative to the grid row */
}
.noai-notice> .wp-block-group__inner-container h4,
.noai-notice> .wp-block-group__inner-container p {
    margin-bottom: 0;
}


.fullpg2 > .wp-block-group__inner-container,
.fullpg3 > .wp-block-group__inner-container,
.fullpg4 > .wp-block-group__inner-container,
.fullpg5 > .wp-block-group__inner-container { /* -- Grid Container   */
    display: grid;
    grid-gap: 20px;
    padding: 0;
    margin-bottom: 1.5em;
    }  
.fullpg2 > .wp-block-group__inner-container {
    grid-template-columns: 1fr 1fr;    
    }
.fullpg3 > .wp-block-group__inner-container {
    grid-template-columns: 1fr 1fr 1fr;    
    }
.fullpg4 > .wp-block-group__inner-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;    
    }
.fullpg5 > .wp-block-group__inner-container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;    
}



code {
    background: rgba(0,0,0,0.1);
    margin-bottom: 1.5em;
    padding: 20px;
}




/* --- FAQ Accordion Styling --- */

details {
    background: rgba(0,0,05,0.1);
    border: 1px solid rgba(148, 147, 133, 0.2);
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 15px 20px;
    transition: border-color 0.2s ease, background 0.2s ease;
    }
details:hover {
    border-color: #4ea957;
    background: rgba(0,0,0,0.2);
}
details p:first-child {
    margin-top: 20px;
}
details figure {
    max-width: 600px;
    }
details figure img {
    max-width: 320px;
}

summary {
    cursor: pointer;
    font-weight: 700;
    position: relative;
    padding-right: 30px;
    color: #4ea957;
    }
details[open] summary {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(148, 147, 133, 0.15);
    margin-bottom: 15px;
}

summary::after { /* Plus/Minus icon indicators */
    content: "+";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    color: #4ea957;
    font-weight: 700;
    transition: transform 0.2s ease;
    }
details[open] summary::after {
    content: "-";
}



/* --- Affiliates --- */

.affiliates figure img {
    max-height: 40px;
    width: auto;
    margin-bottom: 1.5em;
}





/*  Books */


.bookscolumns .wp-block-image img {
    height: auto;
}


.bookscolumns .wp-block-column h3+p.isbn {
    margin: -10px 0 0 0;
}

.bookscolumns .isbn {
    font-size: 11pt;
    font-weight: 200;
}

.bookscolumns .sidenote {
    padding: 0 0 0 50px;
    font-size: 10pt;
    font-weight: 200;
    line-height: 130%;    
}

/*  PLUGIN = Contact Form 7) */


form.wpcf7-form {
    padding: 10px 0 0;
}

form.wpcf7-form label {
    font-weight: 700;
    }
form.wpcf7-form label span.required {
    color: #e80000;
}

form.wpcf7-form input.wpcf7-text, 
form.wpcf7-form textarea.wpcf7-textarea {
    margin: 10px 0 5px;
    padding: 10px 15px;
    width: 100%;
    border: 0px #ddd solid;
    border-radius: 3px;
    border-bottom: 4px #3b6e48 solid;
    background: #1f202d;
    color: #aeaa98;
}

form.wpcf7-form input.wpcf7-submit {
    margin: 0;
    padding: 12px 40px;
    border: none;
    background-color: #33793b;
    color: #e9e7e2; 
    font-weight: 600;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
form.wpcf7-form input.wpcf7-submit:hover{
    background-color: #4b9d54;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.1);
}

form.wpcf7-form input.wpcf7-not-valid, 
form.wpcf7-form textarea.wpcf7-not-valid { /*  #c92619 line under fields with errors */
    border-bottom: 4px #c92619 solid;    
    }
span.wpcf7-not-valid-tip { /*  error text */
    font-weight: 700;
}

div.wpcf7-response-output { /*  ouput block for errors and confirmation */
    margin: 0;
    padding: 20px;
    font-weight: 700;
    color: #fff;
    border: none;
    text-align: center;
    }
div.wpcf7-validation-errors,
div.wpcf7-spam-blocked {  /*  errors block */
    background: #c92619;
}

form.invalid div.wpcf7-response-output, 
form.spam div.wpcf7-response-output {  /*  confirmation block */
    margin: 0;
    padding: 20px;
    background: #dc3232;
    border: 0;
    color: #2a2b3c;;
}

form.spam span.wpcf7-not-valid-tip {
    padding: 10px 0;
    text-align: right;
    border-bottom: 4px #c92619 solid; 
}

form.sent div.wpcf7-response-output {  /*  confirmation block */
    margin: 0;
    padding: 20px;
    background: #283c37;
    border: 0;
    color: #afb0ae;
}

form.sent fieldset {  /*  hide form once sent */
    display: none;
}




/*  Plugin: Sassy Social Share */

aside.widget_heateor_sss_sharing h3 { 
    padding: 10px 0 5px;
}





/*  Post Listings */

ul li.cat-item {
    margin: 0;
    padding: 0 0 0 15px;
    background-position: left 8px;
    }
ul li.cat-item a {
    display: block;
    margin: 0 0 0 5px;
    padding: 4px 9px !important;
    text-align: left;
    color: #787670; 
    letter-spacing: -0.5px;
}
ul li.cat-item a:hover {
    color: #fff;
    background: rgba(0,0,0,0.3);
}

ul li.current-cat a,
ul li.current-cat a:hover {
    color: #565558;
    background: transparent;
    cursor: default;
}

a.featured-thumb {
    display: block;
    width: 100%;
    height: 158px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

ul.blog-nav {
    margin: 0 0 40px;
    padding: 0;
    background: rgba(0,0,0,0.1);
}
li.backtoblog {
    padding: 0;
    background: none !important
}
li.backtoblog a {
    display: block;
    float: left;
    padding: 6px 13px;    
}


.post-blurb {
    padding: 0 20px;
}

small.date {
    margin: 10px 0 0;
}

ol.biblio li {
    font-size: 9pt;
}


nav.pagination { /*  Pagination for default blog page */
    display: block;
    margin: 20px 0 0;
    text-align: right;
    }
nav.pagination div.nav-links {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    }
nav.pagination div.nav-links a {
    display: inline-block;
    background: rgba(0,0,0,0.1) !important;
    padding: 0 15px;
    line-height: 40px
    }
nav.pagination div.nav-links a:hover {
    background: rgba(0,0,0,0.15) !important;    
}
nav.pagination div.nav-links span.current,
nav.pagination div.nav-links span.current:hover {
    display: inline-block;
    background: rgba(0,0,0,0.1) !important;
    padding: 0 15px;
    line-height: 40px;
    color: #333;
    cursor: default;
    }
nav.pagination span.dots {
    padding: 10px;
    cursor: default;
}

nav.pagination ul.page-numbers li {  /*  Pagination for default category page */
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
}
nav.pagination ul.page-numbers li a {
    display: inline-block;
    background: rgba(0,0,0,0.1);
    padding: 0 15px;
    line-height: 40px
    }
nav.pagination ul.page-numbers li a:hover {
    background: rgba(0,0,0,0.15) !important;     
}
nav.pagination ul.page-numbers li span.current,
nav.pagination ul.page-numbers li span.current:hover {
    display: inline-block;
    background: rgba(0,0,0,0.1);
    padding: 0 15px;
    line-height: 40px;
    color: #333;
    cursor: default;
    }
nav.pagination ul.page-numbers li span.dots {
    padding: 10px;
    cursor: default;
}


.wp-post-image { /*  Featured Image */
    width: 100%;
    height: 100%;
}


/*  Blog Post Detail */

.featured-blog-banner {
    margin-bottom: 1.5em;
}

.page-side .thumbnail-img { /*  Featured Image */
    margin: 0 0 20px;
}
.page-side .thumbnail-img .caption {
    display: block;
    padding: 5px;
    font-size: 9pt;
    text-align: center;
}

p.caption {
    display: block;
    padding: 5px;
    font-size: 9pt;
}


.article-meta {
    margin: 60px 0 20px;
    padding: 20px;
    border-bottom: 1px dotted rgba(255,255,255,0.1);
    background: rgba(0,0,0,0.1);
}

small {
    display: block;
}


blockquote {
    margin: 0 0 20px 40px;
    padding: 0 0 0 20px;
    border-left: 2px solid #787670;
}


.lens {
    background: rgba(0,0,0,0.1);  
    border-radius: 6px;  
    }
.lens, 
.lens > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.l-padded {
    padding: 30px;
    }
.l-nopadding {
    padding: 0; 
}
p.lastcta {
    margin-top: auto;
}

.l-nopadding > .wp-block-group__inner-container figure {
    padding: 10px 10px 0;
    border-radius: 6px;  
    overflow: hidden;
    flex-shrink: 0;    
}
.l-nopadding > .wp-block-group__inner-container figure img {
    border-radius: inherit;  
}

.padded-contentblock {
    padding: 25px 30px 30px;
    }
.padded-contentblock,
.padded-contentblock  > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.fullwidthcta a {
    width: 100%;
}

.multicta p.calltoaction {
    margin-bottom: 0;
    }
.multicta p.calltoaction a {
    margin-top: 10px;
}
.lastcta {
    margin-top: auto;
}

.split1-2 > .wp-block-group__inner-container {
    display: grid;
    grid-gap: 50px;
    grid-template-columns: 1fr 2fr; 
}
.split2-1 > .wp-block-group__inner-container {
    display: grid;
    grid-gap: 50px;
    grid-template-columns: 2fr 1fr; 
}

.condensed p { 
    margin-bottom: 0.6em;
    font-size: 80%;
    line-height: 1.3;
}

.lensbottommargin {
    margin-bottom: 1.5em;
}
.newscols { /*  Auto Columns */
    column-count: 2;
    column-gap: 30px;
    }
.newscols p {
    text-align: justify;
    hyphens: auto;
}





/*  404 */

.emote {
    font-size: 25pt;
}



/*  Terms / Pricacy / Cookies */

.page-terms {
    padding: 0 0 0 40px;
}
.page-terms h2:first-child {
    padding: 0 0 20px;
}






/*  -- PORTFOLIO */



body#fantasy-illustration-concept-art,
body#book-cover-illustration,
body#portrait-art, 
body#internal-book-illustrations {
    background: 
        #30303c url(../images/paper.jpg) repeat;
}

body#fantasy-illustration-concept-art main,
body#book-cover-illustration main,
body#portrait-art main,
body#internal-book-illustrations main {
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    padding-top: 700px;
    }
body#fantasy-illustration-concept-art main { background-image: url('../images/banner-fantasy.jpg'); }
body#book-cover-illustration main { background-image: url('../images/banner-bookcovers.jpg'); }
body#portrait-art main { background-image: url('../images/banner-portraits.jpg'); }
body#internal-book-illustrations main { background-image: url('../images/banner-internal-illustration.jpg'); }

.speci-ports > .wp-block-group__inner-container {/* -- Grid Container   */
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0;
}

p.speci-port-button {
    margin: 0;
    }
p.speci-port-button a {
    display: block;
    padding: 350px 0 0;
    border: 5px #242535 solid;
    border-radius: 10px;
    background-size: cover !important;
    } 
p.speci-port-button a span.buttonbg {
    display: block;
    padding: 10px 15px;
    line-height: 100%;
    background-color: #3b6e48;
    color: #171721; 
    font-weight: 700;
    font-size: 90%;
    text-align: center;
    box-shadow: 0 -5px 10px rgba(0,0,0,0.4);
    border-radius: 0 0 5px 5px;
    }
p.speci-port-button a:hover {
    border: 5px #404150 solid;
    }
p.speci-port-button a:hover span.buttonbg {
    background-color: #4ea957;    
}

p.speci-fantasy a { background: url(../images/speci-fantasy.jpg) no-repeat center top; }
p.speci-portraits a { background: url(../images/speci-portraits.jpg) no-repeat center top; }
p.speci-bookcovers a { background: url(../images/speci-bookcovers.png) no-repeat center top; }
p.speci-artdump a { background: url(../images/speci-artdump.jpg) no-repeat center top; }

.portfolio-cta {
    margin: 0 0 40px;
    padding: 7px 30px 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
}

.portfolio-cta2 {
    padding: 20px 30px 10px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    font-size: 90%;
}
.portfolio-cta2 p.calltoaction a {
    margin: 10px 0 0;
}

.port-meta {
    font-size: 70%;
}


.portfolio-nav {
    margin: 40px 0 40px;
    padding: 30px 30px 30px;
    border-radius: 3px;
    background: rgba(0,0,0,0.1);
}

.portfolio-nav li {
    background: none;
    padding: 0;
}

span.material-symbols-outlined  {
    display: block;
    float: left; 
    margin: 2px 3px 0 0;
}

span.portinavspan {
    margin: 0 30px 5px 0;
    display: block;
    float: left;
}



/*  -- Visual Portfolio Plugin (for blog and gallery) */


.porti-gridfive .vp-portfolio__items {
    display: flex !important;
  }
.porti-gridfive .vp-portfolio__item-wrap {
    width: 20% !important; /* -- 5 columns   */
}
.porti-gridfive .vp-portfolio__item-wrap figure {
    background: rgba(0,0,0,0.2) !important;
    padding: 5px !important;
    border-radius: 5px !important;  
}
.porti-gridfive .vp-portfolio__item-wrap figure .vp-portfolio__item-meta-categories {
    display: none;
}
.porti-gridfive .vp-portfolio__item-wrap figure h2 {
    font-size: 10pt;
    padding: 0;
    font-weight: 500;
    letter-spacing: 0;
    }
.porti-gridfive .vp-portfolio__item-wrap figure h2 a:hover {
    color: #4ea957;
}

.blog-grid .vp-filter__style-minimal,
.porti-grid .vp-filter__style-minimal {
    --vp-filter-minimal--items__font-size: 10pt;
    --vp-filter-minimal--items__font-weight: 700;
}

.porti-grid .vp-portfolio__items-style-fly .vp-portfolio__item-overlay {
    background-color: rgba(0,0,0,0.9);  
}

.porti-grid .vp-filter__style-minimal .vp-filter__item,
.blog-grid .vp-filter__style-minimal .vp-filter__item {
    color: #3b6e48;    
}
.porti-grid .vp-filter__style-minimal .vp-filter__item.vp-filter__item-active,
.blog-grid .vp-filter__style-minimal .vp-filter__item.vp-filter__item-active {
    --vp-filter-minimal--items__color: #4ea957;
    --vp-filter-minimal--items-hover__color: #4ea957;
}
.porti-grid .vp-filter__style-minimal .vp-filter__item>a:hover, .vp-filter__style-minimal .vp-filter__item>a:focus,
.blog-grid .vp-filter__style-minimal .vp-filter__item>a:hover, .vp-filter__style-minimal .vp-filter__item>a:focus {
    color: #4ea957;
}

.blog-grid .vp-portfolio__item-img-wrap,
.blog-grid .vp-portfolio__item-img{
    border-radius: 5px 5px 0 0;
}
  
.blog-grid .vp-portfolio__item-caption {
     background-color: rgba(0,0,0,0.1);
     border-radius: 0 0 5px 5px;
}

.blog-grid h2.vp-portfolio__item-meta-title {
    padding: 7px 0 0;
}
.blog-grid h2.vp-portfolio__item-meta-title a {
    color: #3b6e48;
}
.blog-grid h2.vp-portfolio__item-meta-title a:hover {
    color: #4ea957;
}

.vp-portfolio__items-style-default .vp-portfolio__item-caption a:focus, .vp-portfolio__items-style-default .vp-portfolio__item-caption a:hover {
    color: #4ea957;
}

a.vp-pagination__load-more {
    background-color: #3b6e48;
    color: #171721 !important; 
    border-radius: 3px;
    font-weight: 700 !important;
}
a.vp-pagination__load-more:hover {
    background-color: #4ea957 !important; 
    color: #171721 !important; 
    box-shadow: 0 0 0 3px rgba(255,255,255,0.1) !important; 
}






/*  -- Social Icons */

ul.rxy-socials {
    margin: 10px 0;
    }
ul.rxy-socials li {
    display: inline-block;
    margin: 0;
    padding: 2px;
    background: none;
    }
ul.rs-vert li {
    display: block;
    }
ul.rxy-socials li a {
    display: block;
    margin: 0 ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    transition: 0.7s;
    }
ul.rs-vert li a {
    background-position: 10px center;
    padding: 0 0 0 55px;
    width: auto;
    max-width: 300px;
    background-size: 25px 25px;
    border-radius: 5px;
    line-height: 38px;
    color: #fff;
    }
ul.rxy-socials li a:hover, 
ul.rs-vert li a:hover {
    filter: brightness(0) saturate(100%) invert(63%) sepia(37%) saturate(601%) hue-rotate(75deg) brightness(92%) contrast(93%);
    }
ul.rxy-socials li a.soc-amazon {
    background-image: url(../images/soc-amazon.svg);
    }
ul.rxy-socials li a.soc-artgram {
    background-image: url(../images/soc-artgram.svg);
    }
ul.rxy-socials li a.soc-artistree {
    background-image: url(../images/soc-artistree.svg);
    }
ul.rxy-socials li a.soc-cara {
    background-image: url(../images/soc-cara.svg);
    }
ul.rxy-socials li a.soc-carrd {
    background-image: url(../images/soc-carrd.svg);
    }
ul.rxy-socials li a.soc-cubebrush {
    background-image: url(../images/soc-cubebrush.svg);
    }
ul.rxy-socials li a.soc-discord {
    background-image: url(../images/soc-discord.svg);
    }
ul.rxy-socials li a.soc-gab {
    background-image: url(../images/soc-gab.svg);
    }
ul.rxy-socials li a.soc-gettr {
    background-image: url(../images/soc-gettr.svg);
    }
ul.rxy-socials li a.soc-goodreads {
    background-image: url(../images/soc-goodreads.svg);
    }
ul.rxy-socials li a.soc-gumroad {
    background-image: url(../images/soc-gumroad.svg);
    }
ul.rxy-socials li a.soc-inprnt {
    background-image: url(../images/soc-inprnt.svg);
    }
ul.rxy-socials li a.soc-instagram {
    background-image: url(../images/soc-instagram.svg);
    }
ul.rxy-socials li a.soc-linkedin {
    background-image: url(../images/soc-linkedin.svg);
    }
ul.rxy-socials li a.soc-minds {
    background-image: url(../images/soc-minds.svg);
    }
ul.rxy-socials li a.soc-newgrounds {
    background-image: url(../images/soc-newgrounds.svg);
    }
ul.rxy-socials li a.soc-openseas {
    background-image: url(../images/soc-openseas.svg);
    }
ul.rxy-socials li a.soc-patreon {
    background-image: url(../images/soc-patreon.svg);
    }
ul.rxy-socials li a.soc-pinterest {
    background-image: url(../images/soc-pinterest.svg);
    }
ul.rxy-socials li a.soc-redbubble {
    background-image: url(../images/soc-redbubble.svg);
    }
ul.rxy-socials li a.soc-twitter {
    background-image: url(../images/soc-twitter.svg);
    }
ul.rxy-socials li a.soc-upwork {
    background-image: url(../images/soc-upwork.svg);
}
ul.rxy-socials li a.soc-youtube {
    background-image: url(../images/soc-youtube.svg);
}
ul.rxy-socials li a.soc-zazzle {
    background-image: url(../images/soc-zazzle.svg);
}


/*  -- AI repository & Ref Directory posts */

ul.withgaps li {
    margin-bottom: 1.5em;
}