:root {
        --page-shadowbot-hoffset: 2px;
        --page-shadowbot-voffset: 2px;
        --page-shadowbot-blur: 5px;
        --page-shadowbot-spread: 2px;
        --page-shadowbot-color: grey;
        --page-shadowtop-hoffset: -1px;
        --page-shadowtop-voffset: -1px;
        --page-shadowtop-blur: 2px;
        --page-shadowtop-spread: 1px;
        --page-shadowtop-color: lightgrey;
        --footer-shadowtop-hoffset: -2px;
        --footer-shadowtop-voffset: -2px;
        --footer-shadowtop-blur: 5px;
        --footer-shadowtop-spread: 2px;
        --footer-shadowtop-color: grey;
    }

    article.post {
        box-shadow: var(--page-shadowbot-hoffset) var(--page-shadowbot-voffset) var(--page-shadowbot-blur) var(--page-shadowbot-spread) var(--page-shadowbot-color),
            var(--page-shadowtop-hoffset) var(--page-shadowtop-voffset) var(--page-shadowtop-blur) var(--page-shadowtop-spread) var(--page-shadowtop-color);
        border-radius: 10px;
        /*margin-top: 20px !important;*/
    }
    article.post:first-of-type {
        margin-top: 0px !important;
    }
    article.page {
        box-shadow: var(--page-shadowbot-hoffset) var(--page-shadowbot-voffset) var(--page-shadowbot-blur) var(--page-shadowbot-spread) var(--page-shadowbot-color),
            var(--page-shadowtop-hoffset) var(--page-shadowtop-voffset) var(--page-shadowtop-blur) var(--page-shadowtop-spread) var(--page-shadowtop-color);
        border-radius: 10px;
        margin-top: 20px !important;
    }
    .ast-primary-header-bar  {
        box-shadow: var(--page-shadowbot-hoffset) var(--page-shadowbot-voffset) var(--page-shadowbot-blur) var(--page-shadowbot-spread) var(--page-shadowbot-color);
    }
    .ast-mobile-header-content li {
    text-shadow: 2px 1px 4px #ff00ff, 4px 3px 2px #ffff00;
    }
    .ast-mobile-header-content .main-navigation {
        border-bottom: 1px solid #9e9e9e;
    }
    
    
    /* Kadence Theme border around post thumbnails on index pages*/
    .post-thumbnail.kadence-thumbnail-ratio-2-3 {
    box-shadow: 1px 1px 18px 0px hsl(0deg 0% 45%);
    }    
    
    .post-thumbnail-inner {
        border: 2px solid hsl(180deg 100% 92%);
    }
    
    figcaption.wp-element-caption {
    text-align: left;
    line-height: 1.3em;
}



.embed-yt-inline summary {
    display: list-item;
    font-size: 1.2em;
    font-weight: 500;
    color: blue;
    cursor: pointer;
	margin-left: 0.75em;
}
	details[open] summary {
		margin-left: unset;
	}
	.embed-yt-inline {
    display: inline !important;
}
	




    /*footer {
        box-shadow: var(--footer-shadowtop-hoffset) var(--footer-shadowtop-voffset) var(--footer-shadowtop-blur) var(--footer-shadowtop-spread) var(--footer-shadowtop-color);
    }*/
    .stack-on-mobile li {
        width: unset !important; /* hamburger menu items in a row instead of column on mobile */
    }
    .nav-previous, .nav-next {
        background-color: #efefef;
        border: 1px solid #ffffff;
        border-radius: 15px;
        padding: 13px 10px 10px 10px;
    }
    .main-header-bar-wrap {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 9999999999 !important;
    }

    

    .ad-image-border img, img.ad-image-border {
    margin: 0 auto 20px auto;        
    border: 3px solid #00f;
    text-align: center;
}
.widget_media_image, .widget_block {
    text-align: center;
}


.ad-image-border2:hover {
    border-color: #0f0;
}

.widget_media_image h2, h2.ad-label, .passw-adlabel {
    margin-bottom: 0px;
    text-align: center;
    display: block;
    font-size: 0.65em;
    font-weight: 700;
    color: #8d8d8d;
    font-family: system-ui;
    text-transform: uppercase;
}
.passw-adlabelu {
    margin-bottom: -23px;
    text-align: center;
    display: block;
    font-size: 0.65em;
    font-weight: 700;
    color: #8d8d8dbd;
    font-family: system-ui;
    text-transform: uppercase;
}
.wp-block-column figure.wp-block-image {
    margin-top: 0;
    width: 125px;
}
span.ad-label-above {
    text-align: center;
    display: block;
    font-size: 0.65em;
    font-weight: 700;
}

.ad-image-border img:hover, img.ad-image-border:hover, .passw-adlabel ~ form:hover {
  --angle: 0deg;
  border: 3px solid;
  border-image: conic-gradient(from var(--angle), red, orange, yellow, green, blue, indigo, violet, red) 1;
  animation: 3s rotate ease-in-out infinite;
}

@keyframes rotate {
  to {
    --angle: 360deg;
  }
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

:root {
    --adlabel-hide: 1.35em;
}
.passw-adlabel {
    top: var(--adlabel-hide);
    position: relative;
    opacity: 0;
}
.passw-adlabel {
    position: relative;
    animation: adlabelpopdown 1s;
    animation-delay: 0.4s;
    animation-fill-mode: both;    
    animation-timing-function: ease-in;
}
div:hover > .passw-adlabel  {
    animation: adlabelpopup 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
}
div:hover > .passw-adlabelu  {
    animation: adlabelupopdown 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
}
@keyframes adlabelupopdown {
    from {
        top: 0;
        opacity: 1;
        letter-spacing: 0.2em;
    }
    80% { opacity: 0;}
    to { 
        top: var(--adlabel-hide);
        letter-spacing: inherit;
    }
}

@keyframes adlabelpopdown {
    from {
        top: 0;
        opacity: 1;
        letter-spacing: 0.2em;
    }
    80% { opacity: 0;}
    to { 
        top: var(--adlabel-hide);
        letter-spacing: inherit;
    }
}
@keyframes adlabelpopup {
    30% { color: violet;}
    40% { color: indigo;}
    50% { color: blue;}
    60% { color: green;}
    70% { color: yellow;}
    80% { color: orange;}
    90% { color: red;}
    to {
        letter-spacing: 0.2em;
        top: 0;
        /*z-index: 1;*/
        color: #10eb2b;
        opacity: 1;

    }
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}


/* Reflective Backlinks Aside */

aside.article-bottom {
    border: 4px solid #c0ff30;
    border-radius: 20px;
    padding: 20px 30px 20px 15px;
    margin: 40px 60px 40px 20px;
}
aside.article-bottom h3 {
    font-size: 1.1rem;
    text-transform: capitalize;
    color: #0b69c9;
}