/*! 
Theme Name: Let's Please God (2019)
Version: 1 
Author: Neal Chester 
Author URI: https://nealchester.com
Theme URI: https://nealchester.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description:  Custom WordPress starter theme framework
Tags: Responsive, Gutenberg support, Menu support, Widget support, Customzier support
Text Domain:
*/


/*
This file is last after .nc-root.css, .nc-blocks.css, and .wp-blocks.css
*/

:root {
    /* Universal Spacing */
    --gap: 1.5rem; 
    --gapn: -1.5rem; 

    /* Universal Content widths */
    --width-max:1400px;
    --width-wide:1000px;
    --width-standard:800px;

    /* Universal Colors */
    --pink: #f8d2d2;
    --light-red: #e54c4c;
    --red: #df1f1f;
    --dark-red: #851313;

    --gray: #f4f4f4; 
    --charcoal: #222;

    --link-color: #0093ff;
    --link-color2: hsl(205, 100%, 70%);
    --link-color3: hsl(205, 100%, 90%);


    /* Universal Fonts */
    --mono: 'Courier New', Courier, monospace;
    --serif: 'Libre Baskerville', serif;
    --sans: 'Libre Franklin', sans-serif;
}

/* Selection */

::selection {
    background-color: lightgoldenrodyellow;
    color: #000;
}

::-moz-selection {
    background-color: lightgoldenrodyellow;
    color: #000;
}

#wrapper { position: relative; }

.alignmax { --width-standard: var(--width-max) !important; }

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

body { overflow-x: hidden; background-color:#fff;  }

body, input, select, textarea, button {
    font-size: 18px;
    line-height: 1.7;
    font-family: var(--sans);
    font-weight:300;
}

@media (max-width: 1200px) {
    body, input, select, textarea, button {
        font-size: 16px;
    }
}

@media (max-width: 320px) {
    body, input, select, textarea, button {
        font-size: 14px;
    }
}

b, strong { font-weight: 600; }

/* Link Color */

.ncontent_main a:not([class]) { color:var(--red); text-decoration:none; border-bottom:solid 1px #eee; transition:0.3s; font-weight: normal }
.ncontent_main a:not([class]):hover { color:#000; background:lightgoldenrodyellow; border-color:#000; }



h1, h2, h3, h4, h5, h6 {
    position: relative;
    line-height: normal;
    font-weight: 700;
    font-family:var(--serif);
}

.ncontent_main > h1,
.ncontent_main > h2,
.ncontent_main > h3,
.ncontent_main > h4,
.ncontent_main > h5,
.ncontent_main > h6 { color:#000 }

h1 {font-size: 3em; font-weight:normal }

@media(max-width:500px){
   h1 { font-size: 2em; } 
}

h2 {font-size: 1.75em;}
h3 { font-size: 1.25em; }

p + h2,
p + h3,
p + h4,
ul + h2,
ul + h3,
ul + h4,
ol + h2,
ol + h3,
ol + h4 {
    margin-top:calc(var(--gap) + 1.5rem );
}

/* Ncard svg */


.ncard_listen,
.ncard_read {
    display:flex;
    align-items: center;
}
.ncard_listen svg,
.ncard_read svg {
    width:1em;
    height:1em;
    margin-right:0.3em;
}

.ncard_listen svg path,
.ncard_read svg path{
    fill:currentColor;
}


/* Audio Player */

.ncontent_main > .wp-audio-shortcode {
    margin:var(--gap) auto;
}


.ncaudio {
    width: 100%;
    position: sticky;
    z-index: 10;
    padding: 0.75rem 0;
    background: var(--charcoal);
    top: -2px;
    margin-bottom: 3rem;
    margin-top: -3rem;
}

.ncaudio,
.ncaudio * {
    transition:0.5s;
}

.ncaudio .ncontain {
    display:flex; justify-content: space-between; align-items: center;
}

.ncaudio_text { display:none; }

.ncaudio_player { margin-left: -10px; flex-grow: 1; }

.ncaudio_player .mejs-controls .mejs-button.mejs-playpause-button {
    margin-left: -10px; 
}

.ncaudio .wp-audio-shortcode { max-width: 100%; }

.ncaudio_download { padding-left:0.5em; color:#fff; position: relative; font-size:0.8em; }

.ncaudio_svg svg { width:auto; height:1.5em; display: block;}
.ncaudio_download g {fill: #fff;}

.ncaudio .mejs-container, 
.ncaudio .mejs-container .mejs-controls, 
.ncaudio .mejs-embed, 
.ncaudio .mejs-embed body { background:none !important }

.ncaudio .mejs-playpause-button button {
    transform: scale(1.5);
}

/* If sticky change the color */

.ncaudio[data-sticky="stuck"]  .ncaudio_download g { fill:#999; }
    .ncaudio_download:hover g { fill:#000; }

    .ncaudio[data-sticky="stuck"] { background: #fff; padding: 0.5rem 0; box-shadow:0 2px 3px rgba(0,0,0,0.15);}
    .ncaudio[data-sticky="stuck"] .mejs-container * {
        color: #000 !important;
    }
    
    .ncaudio[data-sticky="stuck"] .mejs-controls button {
        color: var(--red) !important;
    }
    
    .ncaudio[data-sticky="stuck"] .mejs-controls .mejs-time-rail .mejs-time-total {
        background: #eee !important;
    }
    
    .ncaudio[data-sticky="stuck"] .mejs-controls .mejs-time-rail .mejs-time-current {
        background: var(--red) !important;
    }
    
    .ncaudio[data-sticky="stuck"] .mejs-controls .mejs-time-rail .mejs-time-loaded {
        background: #bbb !important;
    }

    .ncaudio[data-sticky="stuck"] .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
        background: #eee !important;
    }
    
    .ncaudio[data-sticky="stuck"] .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
        background: #bbb !important;
    }

#term-desc { max-width:640px }
#term-desc > :last-child { margin-bottom: 0;  }

/*
@media(max-width:460px){
    .ncaudio .ncontain { flex-direction:column-reverse }

    .ncaudio_download { display:flex; flex-direction:column-reverse; align-items:center; margin:-1em auto 1.5em}
    .ncaudio_text { display:block; }
    .ncaudio_svg { margin-bottom:0.5rem;}
    .ncaudio_download g { fill:var(--red); }
}
*/



/* Header */
#header {
    color: #000;
    background-color: #fff;
    position: relative;
    z-index:300;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

/*
#header:before { content:''; width:100%; height:6px; display:block; background:var(--charcoal) }
*/

#header .ncontain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width:100%;
}

#header .nclogo {
    --logo-text-size: 2em;
    --logo-text-transform: uppercase;
    --logo-text-weight: 400;
    --logo-text-color: inherit;
    --logo-img-width: 200px;
    --logo-padding: 0;
    --logo-margin: 1.5rem 0;

    position:relative;
    left: /* calc(24px + 1.5rem)*/ 0;
}

#header .nclogo path { fill:#000; transition:0.3s; }


#header .mpanel_button svg,
#header .ncsearchtrigger svg { width: 100% }

#header .ncsearchtrigger {
    width:28px;
    display:flex;
    justify-content: flex-end;
    order: 3;
    margin-right: -6px;
    position:absolute;
    right:var(--gap);

}

#header .ncsearchtrigger g {  fill:#000; }

#header .ncsearchtrigger:hover g { fill:var(--red) }

#header .ncsearchreveal {
    --bg-color-start: #fff;
    --bg-color-end: var(--charcoal);
    --text-color: #fff;
    --text-size:1.2em;
    --text-align:left;
    --field-padding:0.5rem 1.5rem;
    --field-border: none;
    --x-button-height:1.5em;
    --x-button-color: var(--light-red);
    --x-button-color-hover:var(--pink);
  }

#header .ncsearchreveal_input {  font-weight: 400;  text-align: center; }

#header .mpanel_button {
    width: 24px;
    align-self:center;
    display: none;
    align-items: center;
    cursor: pointer;
    order: -1;
    position:absolute;
    left:var(--gap);
}

#header .mpanel_button g {
    fill:var(--red);
    transition:0.3s;
}


#header_nav {
    --menu-item-height:auto;
    --item-height:auto;
    --item-align-items: center;
    --transition: 0.5s;
    --item-bg-color:transparent;
    --item-text-color:#000;
    --item-bg-color-hover:var(--gray);
    --item-text-color-hover:#444;
    --item-margin-left:0;
    --item-padding:1.5rem 0.75rem;
    --item-border-right: solid 0 #fff;
    --indicator-color: var(--light-red);
    --drop-width:250px;
    --drop-radius:5px;
    --drop-div-color: solid 0 var(--charcoal);
    --drop-item-bg-color: var(--charcoal);
    --drop-item-text-color: #bbb;
    --drop-item-padding:1em;
    --drop-item-bg-color-hover: #444;
    --drop-item-text-color-hover:white;
    font-size:0.9em;
    flex-wrap: nowrap;
    overflow-x:auto;

    font-weight: 400;
    position:relative;
    right:40px;
}


#header_nav > li > a {
    position:relative; display:inline-block;
    white-space:nowrap;
}


#header_nav > li:nth-last-child(-n+3) a {
    color: var(--red);
}

@media(max-width:1100px){
    
    #header:before { display:none }
    #header .nclogo,
    #header_nav {
        position:static;
    }

    #header .ncsearchtrigger,
    #header .mpanel_button {
        position:relative;
    }

    #header .ncontain { width:100%; }

    #header .ncsearchreveal { max-height:calc(16px + 2rem); }

    #header_nav { 
        width:100%; 
        order:5;
        border-top:solid 1px #eee;
        --item-padding:0.75rem;
        /*
        --item-text-color: #777;
        font-size: 0.8em;
        text-transform: uppercase;
        font-family: var(--sans);
        */
    }

    #header_nav > li:first-child > a { padding-left:var(--gap) }
    #header_nav > li:last-child > a { padding-right:var(--gap) }

    #header .nclogo_image { width:100% }
    #header .nclogo { max-width:45%; width:200px; --logo-margin: 1rem 0 1rem var(--gap); }
    
    #header .ncsearchtrigger { width:26px}
    #header .ncsearchtrigger g { fill:var(--red); }
    #header .mpanel_button { width:18px}

 
}

@media(max-width:800px){
    #header_nav {
        justify-content: flex-start
    }
}

/* Banner Hero Image */

#banner.nchero {
    --tint: 1;
    --tint-color: linear-gradient(to bottom, rgba(34,34,34,0), var(--charcoal));
    --tint-height: 70%;
    --tint-width: 100%;
    --image-position: center center;
    --text-color: #fff;
    --text-align: left;
    --content-max-width: 1100px;
    --max-container-width: 1100px;
    --content-position-x: center;
    --content-position-y: flex-end;
    --text-padding: 2rem 0;
    --box-height: 650px;
}

#banner.nchero > .ncontain {
    height: 90vh;
    max-height:750px;
}

#banner.nchero .yoast-breadcrumbs { margin-bottom: 0;font-size: 1em;}

#banner.nchero .ncard_listen,
#banner.nchero .ncard_read {  font-family:var(--serif); }

@media(min-width:900px){
    #banner.nchero .nchero_content { min-width:800px }
}

@media(max-width:900px){
    #banner.nchero { --content-position-x: flex-start; }

    #banner.nchero:before {
        content:attr(title);
        display:block;
        position:absolute;
        left:0;
        top:290px;
        z-index:5;
        color:#fff;
        padding:0 var(--gap);
        width:100%;
        font-size:0.8em;
        text-align:right;
        opacity:0;
        visibility:hidden;
        transition:0.3s;
        line-height:normal
    }

    #banner.nchero:hover:before {
        visibility:visible;
        opacity:0.5;
    }


}

#banner.nchero h1 {
    text-transform:none;
    font-family: var(--serif);
}

#banner.nchero .nchero_content {
    filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.5)) drop-shadow(0 0 0.5em rgba(0,0,0,0.5));
}

#banner.nchero .yoast-breadcrumbs a {color: #fff;}

#banner.nchero .ncard_listen,
#banner.nchero .ncard_read { margin-bottom:var(--gap); color:#fff }


@media(max-width:768px){
    #banner.nchero { 
    --box-height: auto; 
    --text-align: left; 
    --content-position-x: flex-start;
    --tint: 0;
    --tint-color: linear-gradient(to bottom, rgba(34,34,34,0) 50%, var(--charcoal) 100%);
    --tint-height: 0;
    --text-color: #000;
    --text-padding: 1.5rem 0;
    /*
    background:var(--charcoal);*/
    }

    #banner.nchero > .ncontain {
        height: auto;
    }

    #banner.nchero .nchero_image { position:static; height:45vh; min-height:300px; }
    #banner.nchero:after { top:0; }

    #banner.nchero h1 { color:#000; font-size:2em; line-height:1.4 }
    
    #banner.nchero .nchero_content { filter: none  }
    
    body.single-format-audio #banner.nchero .yoast-breadcrumbs { margin-top: 0; }

    #banner.nchero .yoast-breadcrumbs + .maintitle_heading { margin-bottom: var(--gap); }

    #banner.nchero .yoast-breadcrumbs a { color: #000; }

    #banner.nchero .ncard_listen,
    #banner.nchero .ncard_read { color:#000; margin-bottom: 0; }

    #banner.nchero a:hover { color:#000 !important; }

    .ncaudio_download g { fill:#999; }
    .ncaudio_download:hover g { fill:#000; }

        #banner + .ncaudio { margin-top: -0.75rem; }

    .ncaudio { background: #fff; padding: 0.5rem 0; box-shadow:0 2px 3px rgba(0,0,0,0.15);}
    .ncaudio .mejs-container * {
        color: #000 !important;
    }
    
    .ncaudio .mejs-controls button {
        color: var(--red) !important;
    }
    
    .ncaudio .mejs-controls .mejs-time-rail .mejs-time-total {
        background: #eee !important;
    }
    
    .ncaudio .mejs-controls .mejs-time-rail .mejs-time-current {
        background: var(--red) !important;
    }
    
    .ncaudio .mejs-controls .mejs-time-rail .mejs-time-loaded {
        background: #bbb !important;
    }

    .ncaudio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
        background: #eee !important;
    }
    
    .ncaudio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
        background: #bbb !important;
    }

    /* Header */

    #header { background:#111; }

    #header .ncsearchtrigger g,
    #header .mpanel_button g { fill:var(--light-red) }

    #header_nav { display:none; }

    #header .mpanel_button { display:flex; }

    #header .nclogo { --logo-margin:1.5rem 0 }
    #header .nclogo path { fill:#eee }

    #header .ncsearchreveal { 
        --bg-color-start: #111;
        --bg-color-end: #fff;
        --text-color: #000;
        --x-button-height: 1.25em;
        --x-button-color: var(--red);
        --x-button-color-hover:#000;
        min-height: 100%;
    }
    
    .excerpt-summary {
        font-size:1em !important;
        margin-bottom:var(--gap) !important;
        font-style:italic !important;
        line-height: 1.7 !important;
    }

    body.single-format-standard .ncontent { padding-top:0 !important; }
}

body.home #banner.nchero .nchero_content { text-align: center !important; }
body.home #banner.nchero .ncard_read { justify-content: center; }

#banner2 {
    --tint: 1;
    --tint-color: var(--gray);
    --tint-height: 100%;
    --tint-width: 100%;
    --image-position: center center;
    --text-color: #000;
    --text-align: left;
    --content-max-width: var(--width-standard);
    --max-container-width: var(--width-standard);
    --content-position-x: flex-start;
    --content-position-y: center;
    --text-padding: 3rem 0;
    --box-height: auto;
    margin-bottom: 3rem;
    background: var(--gray) /* linear-gradient(#eee, #fff) */;
}

@media(max-width:500px){
    #banner2 { margin-bottom:1.5rem; }
}

body.archive #banner2,
body.home #banner2,
body.blog #banner2,
body.search #banner2 {
    --content-max-width: var(--width-wide);
    --max-container-width: var(--width-wide);
}

#banner2 h1 {font-weight: normal }


.nchdiv {background: var(--light-red);position:relative;top:-1em;height: 3px; width: 64px;}

body.single-books .maintitle_heading a { 
    display: block;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 1rem;
    color: var(--red);
 }

/* Banner Split Image */

#banner.ncsplit {
    --image-position: center center;
    --text-color: var(--pink);
    --bg-color: var(--dark-red);
    --text-padding: 0 3em;
    --box-min-height: 450px;
    --content-max-width: 648px;
    --display-caption: block;
    --caption-align: center;
    --width-max:1300px;
}

body.page #banner.ncsplit,
body.page #banner.ncsplit,
body.search #banner.ncsplit,
body.error404 #banner.ncsplit {
    --box-min-height: 450px;
}


@media(max-width:640px){
    #banner.ncsplit {
    flex-direction:column;
    min-height:0;
    }

    #banner .ncsplit_image {
    min-height:none;
    width:100%;
    }

    #banner .ncsplit_pic {
    position:static;
    min-height: 45vh;
    height:auto;
    }

    #banner .ncsplit_content {
    padding:3rem 0 !important;
    display:block;
    }

    #banner .ncsplit_image, 
    #banner .ncsplit_content {
    flex-basis: auto;
    }

    #banner .ncsplit_contentcontain {
    max-width:var(--content-max-width);
    width:calc(100% - 2 * var(--gap));
    margin:0 auto;
    padding-left:0 !important;
    padding-right:0 !important;
    }

/* Modifier: Make the image always stack on top */
#banner.ncsplit-imagetop .ncsplit_image { order:1 }
#banner.ncsplit-imagetop .ncsplit_content { order:2 }

}

.ncsplit h1 {font-weight: normal;}

    @media(max-width:1100px){
        .ncsplit h1 { font-size:2.3em; }
    }

.btn,
.wp-block-button__link {
    --bg-color:var(--charcoal);
    --text-color:white;
    --border-color:var(--bg-color);
    --border-style:solid;
    --border-width:0 /* 0.08em */;
    --padding:0.3em 3em;
    --radius:2em;
    --text-weight:500;
    --spacing:0.75rem;

    --bg-color-hover: var(--red);
    --text-color-hover:#fff;
    --transition:0.3s;
  }
  
  .btn,
  .wp-block-button__link {
    min-width:150px;
    text-align:center;
    white-space:nowrap;
    text-decoration:none;
    display:inline-block;
    background:var(--bg-color);
    color:var(--text-color);
    padding:var(--padding);
    border-radius:var(--radius);
    border-style:var(--border-style);
    border-width:var(--border-width);
    border-color:var(--border-color);
    font-weight:var(--text-weight);
    transition-property:background, color, border;
    transition-duration: var(--transition);
  }
  
  .btn:hover,
  .wp-block-button__link:hover {
    --bg-color:var(--bg-color-hover);
    --text-color:var(--text-color-hover); 
  }
  
  .btn-outline {
    background:none;
    --text-color: var(--bg-color);
    --border-width:0.08em;
    --border-color:var(--bg-color);
    --text-weight:600;
  }

  .btn-outline:hover {
    background:none;
    --text-color:var(--bg-color-hover);
    --border-color:var(--bg-color-hover);
  }
  
  .btn:active,
  .wp-block-button__link:active {
    position:relative;
    top:2px;
  }

  .btn-disabled {
    opacity:0.5;
    pointer-events:none;
  }
  
  .btn + .btn { margin-left:var(--spacing); }

  .btn-red {
    --bg-color:var(--red);
    --bg-color-hover: var(--charcoal);
  }

  
  @media(max-width:600px){
    
    .btn { width:100%; }
    .btn + .btn { margin-left:0; margin-top:var(--spacing); }
  }

/* Main Body Content Layout */

.ncontent-left,
.ncontent-right {
    --sidebar-width: 300px;
    --division-padding:3rem;
    --width-max: 1200px; /* container max-width for sidebar and content (global variable) */
}

#banner + .ncontent { padding-top:3rem; background:#fff; position: relative; }

.ncontent > .ncontain { display:flex; }

    .ncontent-full > .ncontain {
        width:100%;
        max-width:100%;
    }

    .ncontent-right > .ncontain {
        flex-direction: row-reverse;
    }

    .ncontent_main {
        flex-grow:1
    }

    .ncontent_main > :last-child:not(div):not(section) {
        margin-bottom: 3rem;
    }

    .ncontent-full .ncontent_main > *,
    .ncontent-alone .ncontent_main > * {
        width:calc(100% - 2 * var(--gap));
        max-width:var(--width-standard);
        margin-left:auto;
        margin-right:auto;
    }


    .ncontent-right:not(.ncontent-full) .ncontent_main {
        padding-left: var(--division-padding);
    }

    .ncontent-left:not(.ncontent-full) .ncontent_main {
        padding-right: var(--division-padding);
    }

    .ncontent-left .ncontent_main > *,
    .ncontent-right .ncontent_main > * {
        max-width:var(--width-standard);
    }

    .ncontent_main > .alignwide {
        max-width:var(--width-wide);
    }

    .ncontent_main > .alignfull {
        max-width:100%;
        width:100%;
    }

    .ncontent-left:not(.ncontent-full) #comments .ncontain,
    .ncontent-right:not(.ncontent-full) #comments .ncontain {
        width:100%;
        margin: 0;
    }
   

    .ncontent_sidebar {
        flex-basis:var(--sidebar-width);
        min-width:var(--sidebar-width);
        margin-left:auto;
        padding: 1.5rem;
        background:#f2f2f2;
    }

    /* Responsive */

    @media(max-width:960px){
        .ncontent > .ncontain {
            flex-direction:column;
        }
        
        .ncontent_sidebar {
            margin:0;
            min-width: 0;
            flex-basis:100%;
        }
        .ncontent-right:not(.ncontent-full) .ncontent_main{
            padding-left: 0;
        }

        .ncontent-left:not(.ncontent-full) .ncontent_main{
            padding-right: 0;
        }

    }

/* Nav Menu Item Description */

.menu-item-description {
	display:block;
	font-size:0.6em;
	opacity:0.5;
    width:100%;
    line-height: 1.5
}

/* Featured Image */

.featuredimage { margin-bottom:var(--gap); }

/* Excerpt */

.excerpt-summary {
    font-size: 1.75em;
    line-height: 1.5;
    margin-bottom: 3rem;
    /* --width-standard: 1000px; */
    font-weight: 300;
    color: #000;
}


/* Main Title */

#maintitle { margin-top: 3em; margin-bottom:3em; }
#maintitle h1 { font-weight:normal }

/* Header Social links */

.header_sociallinks {
    align-self: center;
    width: 12%;
}

/* Menu button bar */

.mbuttonbar {
    padding: 0.5rem 0;
    font-size: 0.8em;
    cursor: pointer;
    background:var(--charcoal);
    color:#fff;
    display: block;
}

.mbuttonbar > .ncontain {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mbuttonbar_label {
    text-transform: uppercase;
    margin-left: 0.5rem;
	font-weight: 400;
}

.mbuttonbar svg {
    font-weight: normal;
    width: 1rem;
    height: auto;
}

.mbuttonbar svg g {
    fill: currentColor;
    height: 1em;
}

/* Next/Previous */

.nextprevlinks_hr {border-top:solid 1px #ddd;margin: 0;}

.nextprevlinks {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(250px,1fr));
    grid-column-gap: 1px;
    background: #ddd;
}

.nextprevlinks a {
    display: block;
    padding:3rem 0;
    font-weight: normal;
    background:#fff;
    transition: 0.3s;
    display:flex;
    align-items:center;
}

.nextprevlinks_wrapper {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nextprevlinks_prev:before {
    content:'';
    display:block;
    width:30px;
    height:2.7em;
    background-image:url(img/arrow-back.svg);
    background-size:contain;
    background-repeat:no-repeat;
    margin-right:var(--gap);
}

.nextprevlinks_next:after {
    content:'';
    display:block;
    width:30px;
    height:2.7em;
    background-image:url(img/arrow-forward.svg);
    background-size:contain;
    background-repeat:no-repeat;
    margin-left:var(--gap);
}

.nextprevlinks_next { justify-content:flex-end; }
.nextprevlinks_next .nextprevlinks_wrapper { text-align:right; }

.nextprevlinks a:hover span {
    color: #000;
    text-decoration:underline;
}

.nextprevlinks b {
    display: block;
    text-transform: uppercase;
    color: var(--red);
    font-size: 0.6em;
    font-weight: 700;
}


@media(max-width:640px){
    .nextprevlinks { grid-template-columns:1fr; }

    .nextprevlinks_next { justify-content:flex-start; border-bottom:solid 1px #ddd; }
    .nextprevlinks_next .nextprevlinks_wrapper { text-align:left; }

    .nextprevlinks_next:after,
    .nextprevlinks_prev:before { display:none; }

    .nextprevlinks_wrapper {
        display: block;
        overflow: visible;
        white-space: normal;
    }

    .nextprevlinks_hr + .ncontain { width:100%; max-width:100% }
    .nextprevlinks a { padding:var(--gap) }
    .nextprevlinks a:hover { background-color:lightgoldenrodyellow; }
    .nextprevlinks_prev { order:2 }
}



/* Internal paging */
.pagebreak_header {
    margin-bottom: var(--gap);
}

.pagebreak_header a, .pagebreak_footer a {
    display: inline-block;
}

.pagebreak_header {
    color: #999;
}

.pagebreak_header > a, .pagebreak_header > span:not(.pagebreak_message) {
    color: inherit;
    padding: 0 0.5em;
}

.pagebreak_header > span:not(.pagebreak_message) {
    font-weight: bold;
    cursor: default;
    color: #000;
}

.pagebreak_footer {
    margin-bottom:3rem;
}

.pagebreak_footer a:first-of-type {
    margin-right: 0.7rem;
}

.pagebreak_footer a {
    color:var(--link-color);
    font-size:1.2em
}

/* Related Posts */

#nc_related_posts {
    padding: 3rem 0; /* must match --bottom-box-padding */
    border-top:solid 1px #ddd;
}


#nc_related_posts header {
    position:absolute;
    left:-1em;
    top:-3.75rem;
    font-size:0.6em;
    text-transform:uppercase;
    background-color:#fff;
    height:1.5rem;
    display:flex;
    align-items:center;
    padding:1em;
    color:#aaa;
    letter-spacing:5px
}

#nc_related_posts header b { font-weight:400 }


#nc_related_posts .ncontain {
    position: relative;
}


#nc_related_posts .ncolumns {
    --min-col-width: 300px;
    --column-gap: 3rem;
    --row-gap: var(--gap);
    --bottom-box-padding: 3rem;
    --column-border-color: currentColor;
}


#nc_related_posts .ncard {
    --card-padding: 0;
    --card-bg-color: transparent;
    --card-bg-color-hover: transparent;
    --card-flex-direction: column;
    --card-border: none;
    --card-border-hover: none;
    --card-bshadow: none;
    --image-width: 100%;
    --image-height: 35%;
    --text-padding: 0.5rem;
    --border-radius: 0;
    --text-size: 1em;
    --text-color: #000;
    --text-color-hover: #000;
    --trans-speed: 0.3s;
}

#nc_related_posts .ncard_title { font-weight:600; }

#nc_related_posts .ncard:hover .ncard_title { text-decoration:underline; color:#000; }

#nc_related_posts .ncard_listen,
#nc_related_posts .ncard_read {
    font-size:0.8em;
    font-weight: 400;
    color:var(--red);
}

@media(max-width:960px){

    #nc_related_posts .ncard {
        --image-height: 50%;
    }

    #nc_related_posts .ncard_text {
        padding-bottom: 0;
    }

    #nc_related_posts .ncolumns-scroll {
        display:grid;
        --column-gap:var(--gap);
        grid-template-columns: repeat(30, minmax(var(--min-col-width), 1fr));
        overflow-x:auto;
        overflow-y:hidden;
        padding-left:var(--gap);
        margin-left: calc(-1 * var(--gap));
        margin-right: calc(-1 * var(--gap));
        margin-bottom: calc(-1 * var(--bottom-box-padding));
      }
      
    #nc_related_posts .ncolumns-scroll > * { 
        min-width:var(--min-col-width); 
        margin-bottom:var(--bottom-box-padding);
    }
    
    #nc_related_posts .ncolumns-scroll:after {
        content:''; width:1px; height:1px;
    }

}

@media(max-width:640px){

    #nc_related_posts .ncard { --image-height: 40%; }
    #nc_related_posts .ncolumns-scroll { display:block; margin: 0; padding: 0;    --min-col-width: 0;  }

    #nc_related_posts .ncolumns-scroll > * { margin-bottom: var(--gap) }
    
    #nc_related_posts .ncolumns-scroll:after { display: none; }

}

/* Mobile Panel */

.mpanel {
    width: 85%;
    padding: var(--gap);
    background: #fff;
    z-index: 1000;
    height: 100%;
    bottom: 0;
    overflow-y: auto;
    color: #000;
    font-size: 1em;
    position: fixed;
    left: -85%;
    top: 0;
    max-width: 270px;
    min-width: 200px;
    transition: all 0.3s ease-in-out;
    font-weight:400;
}

/*
.mpanel .widget_rss .rss-date, 
.mpanel .widget_recent_entries .post-date {
    font-weight:400;
}


.mpanel .widget_recent_entries {
    margin:0 1em;
}

.mpanel .widget_recent_entries a { display:block; }

.mpanel .widget_recent_entries li {
    margin-bottom:var(--gap);
    line-height:1.5
}
*/
.mpanel .widget_search {
    margin: 0;
}

.mpanel .ncsearchform {
    margin: -.75rem -1.5rem 0.75rem;
    --radius: 0;
    --button-width: 3.25em;
    --text-indent: 1.5em;
    --border: none;
    --focus-border: none;
    --bg-color: var(--gray);
    --button-color: #999;
}

.mpanel .ncsearchform_input { height:3.25em }

.mpanel a { transition:0.3s; }


.mpanel .widget_header { color:#000; }


.mpanel_close {
    display: block;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position:absolute;
    right: 1.5rem;
    top: 1.5rem;
    z-index:10;
}

.mpanel_close svg {
    display: block;
    width: 1em;
    height: auto;
}

.mpanel_close g {
    fill: var(--light-red);
}

.mpanel .nclogo {
    --logo-text-size: 2em;
    --logo-text-transform: uppercase;
    --logo-text-weight: 400;
    --logo-text-color: inherit;
    --logo-img-width: 80%;
    --logo-padding: 1.5rem;
    --logo-margin: -1.5rem -1.5rem 0.75rem -1.5rem;
    position:relative;
    pointer-events:none;
    background: var(--charcoal);
}

.mpanel .nclogo path { fill:#eee; }


.mpanel .menu { counter-reset:num; margin-bottom: 0; }
.mpanel .menu > li { counter-increment: num; }
.mpanel .menu > li a:before {
    content: counter(num, hebrew);
    width: 1.5rem;
    color:var(--red);
    line-height: 0;
    font-size:1.1em;
    font-weight:bold;
    margin-left:0.25rem;
    font-family: var(--serif);
}

.mpanel .menu > li a { 
    display: flex; align-items: center; justify-content: flex-start; 
    padding: 0.5rem 0; color:#000; border-bottom:solid 1px #eee;
 }

.mpanel .menu > li:nth-last-child(-n+3) a {
    color:#666;
}



.mpanel .menu > li:nth-last-child(3) {
    margin-top:1.5rem;
}
/*
.mpanel .menu > li:nth-last-child(-n+3) a:before {
    content:'\21e8';
}

.mpanel .menu > .mpanel_donate a:before { content:'\2665'; }
.mpanel .menu > .mpanel_subscribe a:before { content:'\2611'; }
.mpanel .menu > .mpanel_contact a:before { content:'\2709'; }

*/

.mpanel > .ncsearchform {
    margin: 0 1.5rem 1.5rem
}

.mpanel .navmenu {
    --menu-bg-color: none;
    --menu-item-height: auto;
    --menu-align-items: center;
    --menu-box-shadow: none;
    --item-height: auto;
    --item-align-items: center;
    --item-bg-color: #fff;
    --item-bg-color-hover: #fff;
    --item-bg-color-current: #fff;
    --item-text-color: #000;
    --item-text-color-hover: #000;
    --item-text-color-current: #000;
    --item-margin-left: 0;
    --item-padding: 1rem;
    --item-border-right: none;
    --item-border-bottom: solid 1px #ccc;
    --indicator-color: inherit;
    --transition: 0.5s;
    --drop-width: 250px;
    --drop-radius: 0;
    --drop-div-color: solid 1px #ccc;
    --drop-item-bg-color: #f4f4f4;
    --drop-item-text-color: #000;
    --drop-item-padding: 1em;
    --drop-item-bg-color-hover: #eee;
    --drop-item-text-color-hover: #000;
    --drop-shadow: none;
}


.mpanel_underlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #000;
    opacity: 0;
    width:100%;
    height:100%;
    visibility: hidden;
    transition:0.5s;
}

/* When the label is clicked, it reveals the mobile panel */

    .mpanel_input:checked + .mpanel {
        left: -1px;
        box-shadow: 5px 0 1em rgba(0, 0, 0, 0.5);
    }

    .mpanel_input:checked + .mpanel + .mpanel_underlay {
        opacity: 0.3;
        visibility: visible;
    }


/* Yoast breadcrumbs */

.yoast-breadcrumbs {
    margin-bottom: 1.5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--serif);
}

.yoast-breadcrumbs a {
    color: inherit;
    border-bottom:solid 1px transparent;
    transition:0.3s;
}

.yoast-breadcrumbs a:hover {
    border-color:inherit;
}

.yoast-breadcrumbs .breadcrumb_last { 
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

@media(max-width:500px){
    .yoast-breadcrumbs .breadcrumbs_home,
    .yoast-breadcrumbs .breadcrumbs_home + .yoast-div {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        border: 0;
        clip: rect(0 0 0 0);
        overflow: hidden;
    }
}

.yoast-div { 
    display: inline-flex;
    align-items: center;
    width: 0.4em;
    justify-content: center;
    opacity: 0.7;
    line-height: 0;
    font-size: 1.6em;
}


/* Comments */

#comments_closed { color:#999; }

#comments {
    padding: 3rem 0;
    border-top: solid 1px #ddd;
    background: #fbfbfb;
}

#comments .ncontain {
    --width-max: var(--width-standard);
}

#comments-header {
    font-size: 2em;
    font-family: var(--serif);
}

.comment-list, .comment-list li {
    list-style-type: none;
}

.comment-body li {
    list-style-type: inherit;
}

.comment-list {
    padding-left: 0;
}

.comment-list .children {
    padding-left: 3.56em /*64px*/;
}

.comment-author .avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 2.78em /*50px*/;
    border-radius:50%;
}

.comment-list .comment .comment-body {
    position: relative;
    padding-left: 3.61em /*65px*/ ;
}

.comment-meta {
    margin-bottom: 0.5rem;
}

.fn { font-weight: 600; text-transform:uppercase; font-size:0.8em; }

@media screen and (max-width: 640px) {
    .comment-list .children {
        padding-left: var(--gap);
        border-left: solid 1px #eee;
    }

    .comment-list .comment .comment-body {
        padding-left: 0;
    }

    .comment-meta {
        padding-left: 3.056em;
        position: relative;
    }

    .comment-author .avatar {
        width: 2.4em;
    }
}

.comment-author cite {
    font-style: normal;
    font-weight: bold;
    color: #000;
    font-size: 1rem;
}

.comment-author cite a {
    color: inherit;
}

.comment-metadata {
    font-size: 0.8em;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.comment-author span.says {
    display: none;
}

.comment-metadata time {
    text-decoration:none;
    display:inline-flex;
}

.edit-link {color: #666;font-size:0.6em;text-transform:uppercase;padding: 0.5em 1em; background-color:#f2f2f2;margin-left: 0.75em; border-radius:3px; line-height:normal}
.edit-link:hover { background-color:var(--link-color); color:#fff; }



a.comment-reply-link {
    font-size: 0.5em;
    text-transform: uppercase;
    display: inline-flex;
    line-height:normal;
    align-items:center;
    color:#666;
    font-weight:600;
    letter-spacing:1px;
    padding:1em;
    background:#f2f2f2;
}

a.comment-reply-link:after {
    content: '\21B5';
    padding-left: 0.25rem;
    line-height: 0;
    position: relative;
    font-size:2.5em;
    transform:scale(1.1,1)
    
}

.comment-list .comment {
    padding: var(--gap) 0 0;
}

.comment-list > .comment:not(:last-of-type) {
    border-bottom: solid 1px #eee;
}

.comment-body {
    margin-bottom: 2rem;
}

#wpsubmit {
    width: 100%;
    --radius: 5px;
    text-transform: uppercase;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/* Pingbacks */
.comment-list .pingback .comment-body {
    padding-left: 0;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.comment-list .pingback {
    padding-left: 1rem;
    position: relative;
}

.comment-list .pingback:before {
    position: absolute;
    content: ' \2022';
    left: 0;
    top: 0;
    color: #999;
}

.comment-list .pingback:first-of-type {
    margin-top: 1.5em;
}

.comment-list .pingback + .comment {
    margin-top: 0.5em;
}

#respond {
    margin-bottom: 2em;
}

.comment-body + #respond {
    padding:var(--gap);
    border-radius:5px;
    border:solid 1px #ddd;
}


#respond h3 {
    display:flex;
    align-items:center;
    justify-content:space-between;
    position: relative;
}

#cancel-comment-reply-link {
    color: #990000;
    text-transform: uppercase;
    font-size: 0.6em;
    display:inline-flex;
    text-decoration:none;
    align-items:center;
    flex-direction:row-reverse;
    font-weight: bold;
}


#cancel-comment-reply-link .nc-x-close {
    margin-left:5px;
}

#cancel-comment-reply-link .nc-x-close svg {
    width:20px; height: 20px;
}

#cancel-comment-reply-link .nc-x-close g {
    fill:currentColor;
}



#commentform input[type="text"], #commentform input[type="url"], #commentform input[type="email"], #commentform textarea {
    width: 100%;
    margin-bottom: 0.75em;
    display: block;
}

#commentform textarea {
    height: 200px;
}

#commentform input[type="url"] {
    margin-bottom: 1.25em;
}

#commentform input + br, #commentform textarea + br {
    display: none;
}

@media only screen and (max-width: 480px) {
    #commentform .button {
        width:100%;
        text-align: center;
    }
}


/* Publish Date */
.published {
    margin-bottom: var(--gap);
    font-size: 0.8em;
    display: flex;
    padding-top: var(--gap);
    align-items: flex-start;
}

.published_label {
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-right: 0.5em;
}

.published_label svg {
    height: 1.5em;
}

.published_label b {
    margin-left: 0.5em;
}

.published_label svg path {
    fill: #ddd;
}

/* Taxonomy (Tags and Categories) */

.taxonomy {
    position: relative;
    margin-top:3rem;
    margin-bottom:var(--gap);
}

.taxonomy + .taxonomy {
    margin-top:var(--gap);
    margin-bottom:3rem;
}

.taxonomy_label {
    font-weight: normal;
    font-size: 0.7em;
    text-transform: uppercase;
    margin-bottom:0.5rem;
}

.taxonomy-tags .taxonomy_anchors,
.taxonomy-categories .taxonomy_anchors ul {
    display: grid;
    grid-gap:0.5rem;
    grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));
    width: 100%;
}

.ncontent_main .taxonomy_anchors a {
    font-size: 0.7em;
    color: #000;
    text-decoration: none;
    padding: 0.75em;
    background-color: var(--gray);
    border-radius: 0;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-transform:lowercase;
    transition:0.3s;
}

.taxonomy_anchors a:hover {
    background-color: var(--link-color3);
}

/* for WordPress Categories: they print things out in lists */


.taxonomy_anchors ul,
.taxonomy_anchors li {
    list-style-type: none;
    padding: 0;
    margin: 0 !important;
}

.taxonomy_anchors li a {
    display: block;

}


/* Attachment Page */

.attachment .ncontent-alone > .contain {
    max-width: 600px;
}

.attachment_metadata {
    text-align: center;
    padding-top: 1rem;
    border-top: solid 1px #ddd;
}

.attachment_title h1 {
    text-align: center;
    font-weight: normal;
    margin-top: var(--gap);
    font-size: 2.5em;
}

.attachment_image img {
    display: block;
    margin: 0 auto;
}

.attachment_nav {
    display: flex;
    justify-content: center;
    padding-top: var(--gap);
    border-top: solid 1px #ddd;
    padding-bottom:var(--gap);
}

.attachment_nav img {
    width: 100px;
    height: 75px;
    object-fit: cover;
    display: block;
}

.attachment_nav a {
    display: block;
    padding: 0 0.5em;
}

.attachment_nav a:after {
    display: block;
    padding-top: 0.5em;
    font-size: 0.7em;
    text-align: center;
}

.attachment_prev a:after {
    content: 'Prev Image';
}

.attachment_next a:after {
    content: 'Next Image';
}

.attachment .bannerheading, .attachment .bannerimage {
    display: none;
}

/* Search Results Page */

.results {
    padding:3em 0;
    border-top:solid 1px #ddd;
}

.results_title {
    font-size: 1.1em;
    margin-bottom: 0.5em;
}

.results_date {
    color: #999;
}



/* Author Box */

.authorbox {
    display: flex;
    margin-top:calc(var(--gap) * 2);
	margin-bottom:calc(var(--gap) * 2);
    position: relative;
    padding-top: 1.5em;
    border-top: solid 1px #ddd;
}

.authorbox_avatar img {
    display: block;
    border-radius: 50%;
    min-width: 80px;
    max-width: 25%;
    width: 100%;
    padding:2px;
    border:solid 2px #ddd;
}

.authorbox_avatar {
    margin-right: 1em;
}

.authorbox_content {
    flex-grow: 1;
}

.authorbox_header {
    font-weight: 600;
}

.authorbox_readmore:after {
    content: ' \00BB';
}

.authorbox .socialbuttons {
    font-size: 0.8em;
    margin-top: 1rem;
}

.authorbox .socialbuttons_link {
    margin-right: 0.5em;
}

.authorbox .socialbuttons_link svg {
    width: 1.5em;
}


/* Author Page */

.authorpage_header {
    display:grid;
    grid-template-columns:1fr 3fr;
    grid-gap:1.5em;
    margin-top:3em;
}

@media(max-width:460px){
    .authorpage_header {
        grid-template-columns:1fr;
    }
    .authorpage_avatar img {
        width:50%;
        min-width:150px;
        border-radius:50%;
        margin:0 auto;
        display:block;
    }
    .authorpage_headercontain {
        text-align:center;
    }

    .authorpage_headercontain .socialbuttons {
        justify-content:center;
    }
}

.authorpage_name { font-size:2em; margin-bottom:calc(var(--gap) / 2) }

.authorpage_avatar {
    flex-basis:30%;
}

.authorpage_content {
    border-top: solid #ddd 1px;
    padding-top:var(--gap);
    margin-top:3rem;
}

.authorpage_articlelist {
    margin-bottom:3em;
}

.authorpage_listheading {
    font-size:1em;
    text-transform:uppercase;
    opacity:0.4
}


/* Date Module */

.ddate {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 1.75em;
    text-transform: uppercase;
    line-height: 1;
    width: fit-content;
    font-family: var(--mono);
}

.ddate_month {
    letter-spacing: 0.2em;
    position: relative;
    left: 0.1em;
}

.ddate_day {
    font-family: var(--sans);
}

.ddate_month, .ddate_year {
    font-size: 0.5em;
}

.ddate_link {
    display: flex;
    margin: 1em 0
}

.ddate_link:last-of-type {
    margin-bottom: 0;
}

.ddate_link .ddate {
    margin-right: 1rem;
}

.ddate_year {
    font-family: var(--mono2)
}

/* WP Header Image */

.wp-bannerimage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    height: 200px;
}

/* Site Pagination */

.pagination {
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin-top:var(--gap);
    margin-bottom:3rem;
    margin-top:3rem;
}

.pagination .page-numbers {
    padding: 0.5em;
    border-radius: 5px;
    text-align: center;
    background-color: var(--gray);
    margin: 0.25em;
    font-weight: bold;
    width: 3em;
    transition: .3s;
}

.pagination .page-numbers:first-child {
    margin-left: 0;
}

.pagination .page-numbers:last-child {
    margin-right: 0;
}

.pagination .page-numbers.dots {
    cursor: default;
}

.pagination .page-numbers:hover:not(.dots):not(.current) {
    background-color: var(--red);
    color: #fff;
}

.pagination a.page-numbers {
    color: inherit;
}

.pagination_prev:before {
    content: '\2039';
}

.pagination_next:before {
    content: '\203A';
}

.pagination .page-numbers.current {
    background-color: var(--charcoal);
    color: #fff;
    cursor: default;
}

/* Social Buttons */
/* The HTML <nav class="socialbuttons"> <a href="#1" class="socialbuttons_link socialbuttons_facebook"> <svg alt="name of icon"> <path fill="#000"></path> </svg> </a> </nav> */
.socialbuttons {
    display: flex;
    flex-wrap: wrap;
}

.socialbuttons_link svg {
    width: 1.25em;
}

.socialbuttons_link {
    width: 2em;
    height: 2em;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: .3s;
    align-self: flex-start;
    background-color: #ccc;
    /* margin-bottom: 0.5em; */
    margin-right: 1em;
}

.socialbuttons_link path {
    fill: #fff;
}

.socialbuttons_facebook {
    background-color: #3b579d;
}

.socialbuttons_twitter {
    background-color: #1da1f2;
}

.socialbuttons_linkedin {
    background-color: #0077b5;
}

.socialbuttons_pinterest {
    background-color: #bd081c;
}

.socialbuttons_youtube {
    background-color: #ff0000;
}

.socialbuttons_googleplus {
    background-color: #db4437;
}

.socialbuttons_instagram {
    background-color: #fb3958;
}

.socialbuttons_personal {
    background-color: #9b6954;
}

.socialbuttons_email {
    background-color: #999;
}

.socialbuttons_vimeo {
    background-color: #1ab7ea;
}

.socialbuttons_tumblr {
    background-color: #36465d;
}


/* Mega Footer */

#megafooter {
    padding: 4em 0;
    background: var(--charcoal);
    color: #999;
    border-top: solid 6px var(--light-red);
    position:relative;
}

#megafooter .ncsocial {
    --icon-width: 2.5em;
    --icon-gap: 0.5rem;
    --icon-color: currentColor;
    --icon-bg-color: none;
    --icon-border: solid 0.08em;
    --icon-radius: 50%;
}

#megafooter a { transition:0.3s; }

#megafooter .widget { transition:0.3s }

#megafooter .widget .menu-item-description { display:none; }

#megafooter .widget_header { color:#fff; position:relative; font-family:var(--serif); }

#megafooter .widget_header:after,
.mpanel .widget_header:after {
    content:'';
    display:block;
    width:64px;
    height:3px;
    background: var(--light-red);
    margin-top:0.5em;
}

#megafooter .ncolumns_one .widget p {
    max-width:480px;
}

#megafooter a:hover {
    color:#fff;
    text-decoration:underline;
}

#megafooter .ncolumns_two {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(100px,auto));
    grid-gap: var(--gap);
}

#megafooter .widget .menu li a { 
    display:block;
    white-space:nowrap; overflow:hidden; 
    text-overflow:ellipsis;
}

#megafooter .widget_search { display:none; }
#megafooter .widget_search .ncsearchform {
    --align-self: center;
    --text-indent: 1em;
    --text-color:#fff;
    --radius: 3px;
    --min-width: 150px;
    --text-size: 1em;
    --bg-color: #444;
    --border: none;
    --button-width: 2.5em;
    --button-bg-color: var(--light-red);
    --button-color: #fff;
    --focus-text-color: #000;
    --focus-border: none;
    --focus-bg-color: #fff;
    --focus-dropshadow: 0 0 1rem rgba(255,255,255,0.5);
}


@media(max-width:530px){
    #megafooter .ncolumns_two { grid-template-columns:repeat(2, 1fr) }
    #megafooter .ncolumns_two .widget:first-child { display:none;}
    #megafooter .widget_search { display:block; grid-column: 1 / span 2; }
}


/* Megafooter close button */

#megafooter_close { 
    position:absolute; top:var(--gap); left:var(--gap); visibility:hidden; opacity:0; 
    transition-delay:9s;
    transition-duration:3s 
}

#megafooter:target #megafooter_close { visibility:visible; opacity:1; }
#megafooter:target #megafooter_close + .ncolumns { min-height: 100vh; }

#megafooter_close svg { width:1.5em; height:auto }
#megafooter_close g { fill:var(--red) }


/* Base Footer */

#footer {
    background-color: #fff;
    color:#000;
    font-size:0.8em;
    padding:var(--gap) 0;
}

#footer > hr { display:none;}


#footer .ncontain {
    display: flex;
    justify-content: space-between;
    align-items:center;
    flex-direction: row-reverse;
}

#footer .navmenu .menu-item-has-children > a:after {
    display: none;
}

#footer .navmenu {
    --menu-item-height:auto; 
    --item-height:auto; 

    --item-align-items: center;
    --transition: 0.5s;
    --item-bg-color:none;
    --item-text-color:inherit;
    --item-bg-color-hover:none;
    --item-text-color-hover:#000; 
    --item-height:auto; 
    --item-margin-left:0;
    --item-padding:0 0.5rem;
    --item-border-right: solid 0 inherit;
}

    #footer .navmenu > li:first-child a { padding-left:0; }
    #footer .navmenu > li:last-child a { padding-right:0; } 

@media(max-width:648px){
    #footer .ncontain { flex-direction:column; align-items:flex-start }
    #footer .navmenu { --item-padding: 0; align-items:flex-start; width:100%; }
    #footer .navmenu > li a {padding-left:0.75em; padding-right:0;}
    #footer .navmenu > li { justify-content:flex-start }

    #footer .copyright { margin-top:var(--gap) }
}

/* Listings

Blog, Search, and Archive pages */

body.blog .ncontent_main > *,
body.archive .ncontent_main > *,
body.search .ncontent_main > * {
    max-width: var(--width-wide);
}

#listings {
    margin-bottom: 3rem;
}

.maintitle_heading > span {
    display: block;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 1rem;
    color: var(--red);
}


/*
@media(min-width:880px){

    body.blog .ncontent_main,
    body.archive .ncontent_main,
    body.search .ncontent_main {
        display: grid;
        grid-template-columns: auto 50%;
        grid-column-gap:3rem;
        max-width: 1400px;
        margin:0 auto;
        width: 100%
    }

    .maintitle_container { position: sticky; top: 3rem;}

    body.blog #maintitle > *,
    body.archive #maintitle > *,
    body.search #maintitle > * {
        max-width:500px;
        width:100%;
    }

    body.blog #listings,
    body.archive #listings,
    body.search #listings {
        padding:6rem 0 0;
    }

    #listings .ncard { margin-bottom:3rem !important; }

    #listings .ncard_desc { font-size:0.8em}

}


@media(max-width:880px){

    body.blog #maintitle > *,
    body.archive #maintitle > *,
    body.search #maintitle > * {
    text-align:center
    }
}
*/


#listings .ncard { 
    margin-bottom:var(--gap);
    --card-padding: 0;
    --card-bg-color: #fff;
    --card-bg-color-hover: #fff;
    --card-flex-direction: row;
    --card-border: none;
    --card-border-hover: none;
    --card-bshadow: none;
    --image-width: 30%;
    --image-height: 60%;
    --text-padding: 1.5rem 0 1.5rem 1.5rem;
    --text-size: 1em;
    --text-color: #000;
    --text-color-hover: #000;
    --trans-speed: 0.3s;
    --border-radius: 0;
}

#listings .ncard_listen,
#listings .ncard_read {
    color:var(--red);
    font-size:0.7em;
    font-weight:500;
    order:-1;
    margin-bottom:0.5em
}

#listings .ncard_title {font-weight:600;}
#listings .ncard_meta { color:#999; display:none }

#listings .read-more { color:var(--red)}
#listings .read-more:after { content:'\2794'; padding-left:0.25em; }

@media(max-width:530px){
	#listings .ncard {
		--card-flex-direction:row-reverse;
		--image-width:33%;
		--image-height:100%;
		--text-size:1em;
        --text-padding: 1em 1em 1em 0;
    }
    #listings .ncard_desc { display:none;}
    #listings .ncard_title { font-weight:500; text-transform:none; line-height:1.4 }
}

/* Number Series */

body.tax-series #listings { counter-reset:series-number }

body.tax-series #listings .ncard_image { position: relative;}

body.tax-series #listings .ncard .ncard_image:after {
    counter-increment: series-number;
    content: counter(series-number, decimal-leading-zero) '';
    display:flex;
    align-items:center;
    justify-content:center;
    width:3em; height:3em;
    position:absolute;
    background:var(--red);
    color:#fff;
    font-size:0.8em;
    font-weight: 600;
    bottom:0;
    right:0;
    z-index:100;
    transition:0.5s;
  }

  body.tax-series #listings .ncard:hover .ncard_image:after {
      background:var(--charcoal);
      color:#fff;
  }